@import url(/App_Themes/Default/Audio.css);

/*=============================================================================
 Colour Palette
-----------------------------------------------------------------------------*/

:root {
	/* Base */
	--color-white: #ffffff;
	--color-black: #000000;
	--color-transparent: rgba(0, 0, 0, 0);

	/* Grayscale (light to dark) */
	--color-gray-100: #eeeeee;
	--color-gray-150: #e1e1e1;
	--color-gray-175: #e0e0e0;
	--color-gray-200: #dddddd;
	--color-gray-225: #d9d9d9;
	--color-gray-250: #d0d0d0;
	--color-gray-275: #cfcfcf;
	--color-gray-300: #cccccc;
	--color-gray-400: #bfbfbf;
	--color-gray-450: #bbbbbb;
	--color-gray-500: #aaaaaa;
	--color-gray-525: #adadad;
	--color-gray-550: #999999;
	--color-gray-600: #888888;
	--color-gray-625: #808080;
	--color-gray-650: #777777;
	--color-gray-675: #666666;
	--color-gray-700: #616161;
	--color-gray-725: #606060;
	--color-gray-750: #505050;
	--color-gray-775: #444444;
	--color-gray-800: #404040;
	--color-gray-825: #303030;
	--color-gray-850: #222222;
	--color-gray-875: #202020;
	--color-gray-900: #111111;

	/* Black / white overlays (translucent) */
	--color-black-10: rgba(0, 0, 0, 0.1);
	--color-black-90: rgba(0, 0, 0, 0.9);
	--color-white-05: rgba(255, 255, 255, 0.05);
	--color-white-50: rgba(255, 255, 255, 0.5);

	/* Reds / pinks */
	--color-red: #ff0000;
	--color-red-soft: #ff6969;
	--color-red-pink-light: #ff7373;
	--color-red-pink-pale: #ffdddd;
	--color-red-pink-soft: #e8938c;
	--color-red-pink-dusty: #ddbbbb;
	--color-red-rose: #a04949;
	--color-red-rose-dark: #883e3e;
	--color-red-medium: #cc0000;
	--color-red-brick: #be2b2b;
	--color-red-brick-dark: #ae1919;
	--color-red-brown: #801010;
	--color-red-dark: #800000;
	--color-red-darker: #600000;

	/* Greens */
	--color-green: #008000;
	--color-green-dark: #007000;
	--color-green-tile: #70ad47;
	--color-green-deep: #34963c;
	--color-green-mid: #44a64c;
	--color-green-light: #84e68c;
	--color-green-sage: #497660;
	--color-green-sage-dark: #385c4a;
	--color-green-sage-mid: #888f71;
	--color-green-sage-leaf: #52614f;
	--color-green-olive: #70735f;
	--color-green-olive-dark: #4b4d3f;

	/* Blues */
	--color-blue: #0000ff;
	--color-blue-bright: #1490ff;
	--color-blue-link-hover: #5486d1;
	--color-blue-deep: #002080;
	--color-blue-deeper: #1e1e48;
	--color-blue-deepnavy: #0010b0;
	--color-blue-navy: #003399;
	--color-blue-darknavy: #2b3b54;
	--color-blue-light: #77acff;
	--color-blue-sky: #80ceff;
	--color-blue-azure: #2674ec;
	--color-blue-azure-light: #53a1f6;
	--color-blue-azure-soft: #6ebcfb;
	--color-blue-pale: #99ccff;
	--color-blue-cyan: #1c9cd8;
	--color-blue-tile: #5b9bd5;
	--color-blue-tile-grad: #5476bd;
	--color-blue-facebook: #3b5998;
	--color-blue-slate: #566489;
	--color-blue-slate-dark: #485473;
	--color-blue-teal-gray: #506d74;
	--color-blue-teal-gray-dark: #40575d;

	/* Purples */
	--color-purple: #800080;
	--color-purple-mauve: #855085;
	--color-purple-mauve-dark: #6a406a;

	/* Browns / earth */
	--color-brown-dark: #4a3018;
	--color-brown-dark-10: rgba(74, 48, 24, 0.1);
	--color-brown-tan: #885B3A;
	--color-brown-orange: #d8853a; /* Brown-orange */
	--color-brown-gold: #b3a17d;
	--color-cream: #e1d1a5;
	--color-cream-light: #f0e4c2;

	--color-cream-pale: #fff3e6;

	/* Yellows */
	--color-yellow-amber: #ffbf00;
	--color-yellow-gold: #ffcc00;

	/* Teal */
	--color-teal: #2b91af;
}

@font-face { font-family: RobotoCondensed_Regular; src: url(/App_Themes/Default/Roboto_Condensed/RobotoCondensed-Regular.ttf); }
@font-face { font-family: RobotoCondensed_Regular; src: url(/App_Themes/Default/Roboto_Condensed/RobotoCondensed-Bold.ttf); font-weight: bold; }

@font-face { font-family: Roboto_Regular; src: url(/App_Themes/Default/Roboto/Roboto-Regular.ttf); }
@font-face { font-family: Roboto_Regular; src: url(/App_Themes/Default/Roboto/Roboto-Bold.ttf); font-weight: bold; }

@font-face { font-family: Roboto_Mono; src: url(/App_Themes/Default/Roboto_Mono/RobotoMono_Regular.ttf); }
@font-face { font-family: Roboto_Mono; src: url(/App_Themes/Default/Roboto_Mono/RobotoMono_Bold.ttf); font-weight: bold; }

body, td, th { font-family: Roboto_Regular, Arial; font-size: 13px; }

Page_Body_Content_Scrollbar { }
.Page_Content { }

/*=============================================================================
 Container Scroolbar On
-----------------------------------------------------------------------------*/

.Page_Content_Container { position: relative; }
.Page_Content_Scrollbar { overflow: auto; position: absolute; }

/*=============================================================================
 Default Styles
-----------------------------------------------------------------------------*/

html { height: 100%; }
body { margin: 0; padding: 0; height: 100%; text-align: justify; }
iframe { border: none; }
form { padding: 0; margin: 0; height: 100%; }
table { border-spacing: 0; padding: 0; border: 0; }

td, th { vertical-align: top; padding: 0; text-align: justify; border: 0; }
th { font-weight: normal; }

p { line-height: 1.2; }
a { padding: 0; margin: 0; text-decoration: none; color: var(--color-blue); outline: none; }
	a:hover { color: var(--color-blue-bright); }
div { margin-left: auto; margin-right: auto; }
hr { margin-top: 0; margin-bottom: 0; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px dotted var(--color-brown-dark); height: 1px; }
img { border: 0 solid var(--color-black); vertical-align: middle; }
input { outline: none; padding: 0; }

.PrivacyPolicy, .PrivacyPolicy:hover { width: 83px; height: 19px; background-color: var(--color-gray-825); opacity: 0.9; border: 0; }
	.PrivacyPolicy span { width: 83px; height: 19px; background-image: url('/Files/Website/PrivacyPolicy_White.png'); opacity: 0.2; }

.input { border: 0; color: var(--color-red); background-color: var(--color-black); vertical-align: middle; }
.button { text-align: center; width: 100%; padding: 2px; margin-top: 4px; outline: none; }

.Page_Body { overflow: hidden; background-position-x: center; }
.Serie_Background { display: none; }
.Page_Menu_Arrows { display: none; }
.Page_Menu_Search_Background { display: none; }

a.Blue { color: var(--color-blue-deep); }
a:hover.Blue { color: var(--color-blue-link-hover); }

/*=============================================================================
 Pop-Up Anotation Container
-----------------------------------------------------------------------------*/

.AnotationContainer { display: none; position: absolute; padding: 22px; box-shadow: 0px 0px 3px var(--color-black); -webkit-box-shadow: 0px 0px 3px var(--color-black); -moz-box-shadow: 0px 0px 3px var(--color-black); }
.Anotation_Author { text-transform: uppercase; }
.Anotation_Title { text-transform: uppercase; }
.Anotations_Subject { text-align: center; padding-bottom: 10px; }
.Anotations_Rating { padding-top: 8px; padding-bottom: 10px; }

/*=============================================================================
 Chapters Table
-----------------------------------------------------------------------------*/

.Chapters_table { margin: auto; background-color: var(--color-black); }
.Chapters_td {  }
.Chapters_td_list { font-size: 0; color: var(--color-red); }
	.Chapters_td_list a { font-size: 13px; color: var(--color-red); display: block; padding: 1px 10px 1px 10px; margin-top: 1px; margin-right: 1px; }
		.Chapters_td_list a:hover { color: var(--color-red); background-color: var(--color-red-dark); }
.ChaptersTitle { margin-bottom: 10px; margin-top: 0; text-transform: uppercase; text-align: center; }
.ChaptersDescription { margin: 10px; }

.SoulCounter td { font-family: Verdana; font-size: 9px; padding-top: 2px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; }

.Book_Level_Chapter { border-bottom: 2px solid var(--color-brown-dark); padding-bottom: 4px; font-weight: bold; margin-bottom: -1px; text-transform: uppercase; }
.Book_Level_Section { font-weight: bold; border-top: 1px dotted; clear: both; }
.Book_Level_Section_NoBorder { font-weight: bold; clear: both; }

/*=============================================================================
 Photos Styles
-----------------------------------------------------------------------------*/

.ImgDescription { color: var(--color-gray-550); margin-top: 0; text-align: center; }

/*---------------------------------------------------------------------------*/

.Author { font-weight: bold; text-align: right; padding-top: 10px; }
.OpinionsLink { font-weight: bold; text-align: right; padding-top: 10px; }

.ImgBorder { border: solid 1px var(--color-black); }

.ImgLeft { margin-right: 8px; float: left; }
.ImgLeftBorder { margin-right: 8px; border: solid 1px var(--color-black); float: left; }
.ImgLeftBorderTable { margin-right: 8px; border: solid 1px var(--color-black); }

.ImgRight { margin-left: 8px; float: right; }
.ImgRightBorder { margin-left: 8px; border: solid 1px var(--color-black); float: right; }
.ImgRightBorderTable { margin-left: 8px; border: solid 1px var(--color-black); }

.ImgLeftNoBorder { margin-right: 8px; margin-bottom: 5px; float: left; }
.ImgCenterNoBorder { margin: auto; }
.ImgRightNoBorder { margin-left: 8px; margin-bottom: 5px; float: right; }

.DivBlur { position: relative; box-shadow: inset 0 0 8px 8px var(--color-white); background-repeat: no-repeat !important; background-origin: padding-box !important; padding: 1px !important; background-position-y: 1px !important; background-size: contain !important; }
.DivBlur02 { position: relative; box-shadow: inset 0 0 10px 10px var(--color-gray-200); background-repeat: no-repeat !important; background-origin: padding-box !important; padding: 1px !important; background-position-y: 1px !important; background-size: contain !important; }

.ButtonSmall_Download { display: block; width: 87px; height: 16px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/ButtonSmall_Download.png); }
.ButtonSmall_Download_32_Bit { display: block; width: 136px; height: 16px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/ButtonSmall_Download_32_Bit.png); }
.ButtonSmall_Download_64_Bit { display: block; width: 136px; height: 16px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/ButtonSmall_Download_64_Bit.png); }
.ButtonSmall_Information { display: block; width: 105px; height: 16px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/ButtonSmall_Information.png); }

.Button_Download { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download.png); }
.Button_Download_2 { display: block; width: 105px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_2.png); }
.Button_Download_Beta { display: block; width: 152px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_Beta.png); }
.Button_Download_Beta_2 { display: block; width: 152px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_Beta_2.png); }
.Button_Download_Beta_For_All_Games { display: block; width: 245px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_Beta_For_All_Games.png); }
.Button_Download_For_All_Games { display: block; width: 208px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_For_All_Games.png); }
.Button_Download_32_Bit { display: block; width: 152px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_32_Bit.png); }
.Button_Download_64_Bit { display: block; width: 152px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_64_Bit.png); }
.Button_Download_For_32_Bit_Games { display: block; width: 227px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_For_32_Bit_Games.png); }
.Button_Download_For_64_Bit_Games { display: block; width: 227px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_For_64_Bit_Games.png); }
.Button_Download_App { display: block; width: 152px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_App.png); }
.Button_x360ceCom { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_x360ceCom.png); }
.Button_GitHubCom { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_GitHubCom.png); }
.Button_AmazonKindle { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_AmazonKindle.png); }
.Button_Information { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Information.png); }
.Button_Preview { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Preview.png); }
.Button_Open { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Open.png); }
.Button_OpenPage { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_OpenPage.png); }
.Button_Atidaryti { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Atidaryti.png); }
.Button_Shirt { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Shirt.png); }
.Button_SourceCode { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_SourceCode.png); }
.Button_ReportIssues { display: block; width: 132px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_ReportIssues.png); }
.Button_Download_PDF { display: block; width: 150px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_Download_PDF.png); }
.Button_PDF { display: block; width: 80px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_PDF.png); }
.Button_PNG { display: block; width: 80px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_PNG.png); }
.Button_O_PNG { display: block; width: 80px; height: 29px; background-color: var(--color-gray-175); background-repeat: no-repeat; background-image: url(/Files/Website/Button_O_PNG.png); }

/*=============================================================================
 Container Styles
-----------------------------------------------------------------------------*/

.LightGray { background-color: var(--color-gray-200); padding: 5px; }
.LightRed { background-color: var(--color-red-pink-pale); padding: 5px; }

/* Blue */
.Css01 { color: var(--color-blue-slate); border: solid var(--color-blue-slate) 0px; background-image: url(/Files/Website/Pattern-1-11.jpg); padding: 4px 4px 4px 6px; }
	.Css01 a { color: var(--color-blue-slate); }
		.Css01 a:hover { color: var(--color-blue-slate-dark); }

/* Green */
.Css02 { color: var(--color-green-olive); border: solid var(--color-green-olive) 0px; background-image: url(/Files/Website/Pattern-1-08.gif); padding: 4px 4px 4px 6px; }
	.Css02 a { color: var(--color-green-olive); }
		.Css02 a:hover { color: var(--color-green-olive-dark); }

/* Gray Quote*/
.Css03 { padding: 5px; background-color: var(--color-gray-100); margin-bottom: 0px; }

/* Container3 */
.Css04 p { background-color: var(--color-gray-100); padding: 4px; }
/* Red */
.Css05 { color: var(--color-red); }
.Css06 { color: var(--color-red-dark); }
.Css07 { color: var(--color-red-darker); }
.Css08 { color: var(--color-blue-deeper); }
/* Blue */
.Css09 { color: var(--color-brown-tan); }
/* Green */
.Css10 { color: var(--color-green-sage-mid); }
.Css11 { color: var(--color-green); }
td.Css11 { padding-left: 8px; }
/* Green */
.Css12 { color: var(--color-green-sage-leaf); }
/* Blue */
.Css13 { color: var(--color-blue); }
/* Gray */
.Css14 { color: var(--color-gray-600); }
/* Color10 */
.Css15 { font-size: 9px; font-weight: normal; }
/* Small */
.Css16 { font-family: Verdana; font-size: 9px; }

	.Css01 p, .Css02 p, .Css18 p, .Css03 p { margin: 4px; }
	.Css01 td, .Css18 td { vertical-align: middle; }

/*=============================================================================
 About Us Styles
-----------------------------------------------------------------------------*/

.AboutUs table { border: 1px solid; margin: auto; }
.AboutUs td { padding: 5px; vertical-align: middle; }
.AboutUs img { border-radius: 10px; }

.DownloadLinkGreen a { color: var(--color-green-sage); }
	.DownloadLinkGreen a:hover { color: var(--color-green-sage-dark); }

/* Red */
.Css17 { color: var(--color-red-rose); border: var(--color-red-rose); background-image: url(/Files/Website/Pattern-1-13.jpg); }
	.Css17 a { color: var(--color-red-rose); }
		.Css17 a:hover { color: var(--color-red-rose-dark); }

/* Green */
.Css18 { color: var(--color-green-sage); border: var(--color-green-sage); background-image: url(/Files/Website/Pattern-1-09.jpg); }
	.Css18 a { color: var(--color-green-sage); }
		.Css18 a:hover { color: var(--color-green-sage-dark); }

/* Blue */
.Css19 { color: var(--color-blue-slate); border: var(--color-blue-slate); background-image: url(/Files/Website/Pattern-1-11.jpg); }
	.Css19 a { color: var(--color-blue-slate); }
		.Css19 a:hover { color: var(--color-blue-slate-dark); }

/* Purple */
.Css20 { color: var(--color-purple-mauve); border: var(--color-purple-mauve); background-image: url(/Files/Website/Pattern-1-12.jpg); }
	.Css20 a { color: var(--color-purple-mauve); }
		.Css20 a:hover { color: var(--color-purple-mauve-dark); }

/* BlueGreen */
.Css21 { color: var(--color-blue-teal-gray); border: var(--color-blue-teal-gray); background-image: url(/Files/Website/Pattern-1-10.jpg); }
	.Css21 p { margin: 4px; }
	.Css21 a { color: var(--color-blue-teal-gray); }
		.Css21 a:hover { color: var(--color-blue-teal-gray-dark); }

.Css22 { color: var(--color-blue-cyan); }
.Css23 { color: var(--color-red-medium); } /* Darker Red */

.Css24 { color: var(--color-green-tile); } /* Green */
.Css25 { color: var(--color-gray-625); } /* Gray */
.Css26 { color: var(--color-blue-tile); } /* Blue */
.Css27 { color: var(--color-red-soft); } /* Red */


/*=============================================================================
 Hardware Styles
-----------------------------------------------------------------------------*/

.tdImg { padding-left: 8px; padding-top: 8px; padding-bottom: 8px; padding-right: 0; width: 100px; text-align: center; }
.tdGray { background-color: var(--color-gray-300); border: 1px solid var(--color-white); text-align: center; padding: 4px; }

.pCSS1 { text-align: center; background-color: var(--color-blue-pale); padding: 8px; margin: 0px; }
.pCSS2 { text-align: center; background-color: var(--color-gray-100); padding: 4px 5px 4px 5px; }
.pCSS3 { text-align: center; background-color: var(--color-gray-100); display: block; height: 21px; vertical-align: middle; }

.pTable { width: 100%; }
.pTableB { width: 100%; border-top: 1px solid var(--color-gray-700); }
.pImage img, .pImage iframe { max-width: 250px !important; height: auto !important; }
.pImage { width: 1%; text-align: center; }

.sAmount { display: inline-block; background-color: var(--color-green); color: var(--color-white); border-radius: 11px; margin: 1px; min-width: 9px; min-height: 21px; line-height: 21px; text-align: center; padding-left: 6px; padding-right: 6px; }
.pDate { float: left; margin: 3px 0 0 5px; }
.pCenter { display: inline-block; margin: 3px 0 0 0 }
.sPrice { float: right; margin: 3px 4px 0 0; }
.aPrice { display: inline-block; float: right; font-weight: normal !important; color: var(--color-black) !important; } /*background-color: #d0d0d0;*/
	.aPrice:hover { background-color: var(--color-yellow-gold); }
	.aPrice span { display: inline-block; padding: 3px 4px 2px 4px; }

a.Black { color: var(--color-black); }
a:hover.Black { color: var(--color-blue-link-hover); }

.tableBorder { border-top: 1px solid var(--color-gray-700); }
.hrGray { border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid var(--color-gray-100); height: 1px; margin: 0 8px 0 8px; }

/*=============================================================================
 SiteMasterAdmin Styles
-----------------------------------------------------------------------------*/

.SiteMasterAdmin { font-family: Verdana; font-size: 9px; background-color: var(--color-white); }
	.SiteMasterAdmin p { margin: 0; }
	.SiteMasterAdmin a { color: var(--color-black); display: inline-block; padding: 3px; outline: none; }
		.SiteMasterAdmin a:hover { color: var(--color-red-medium); }
.Administrate { font-weight: bold; background-color: var(--color-blue-facebook); text-align: center; }
	.Administrate a { color: var(--color-white); }
		.Administrate a:hover { color: var(--color-gray-200); }

.Administrate2 a { color: var(--color-blue-tile-grad); }
	.Administrate2 a:hover { color: var(--color-white); }

/*=============================================================================
 Confession Styles
-----------------------------------------------------------------------------*/
.ServicesTable td { padding: 3px; border: 2px solid var(--color-white); font-size: 9px; color: var(--color-gray-900); }
.Confession { font-family: 'Trebuchet MS'; font-size: 8.5pt; border: 2px solid var(--color-white); background-color: var(--color-gray-300); color: var(--color-black); color: var(--color-gray-900); }
.ConfessionSinTitle { padding: 8px; text-align: center; text-transform: uppercase; background-color: var(--color-gray-500); }
.ConfessionSin { padding-left: 8px; padding-right: 8px; padding-bottom: 2px; padding-top: 2px; border-top: 1px solid var(--color-gray-200); }
.ConfessionRadio { background-color: var(--color-gray-450); padding-left: 8px; padding-top: 5px; padding-bottom: 3px; vertical-align: middle; }
.RadioButton { padding: 0; vertical-align: middle; display: inline-block; margin-bottom: 3px; margin-left: 10px; margin-right: 4px; margin-top: 0; }
.ConfessionSubmit { padding: 8px; border-top: 1px solid var(--color-gray-200); }
.ConfessionCountAll { padding: 4px; padding-left: 8px; background-color: var(--color-red-pink-dusty); margin-top: 4px; }
.ConfessionButton { background-color: var(--color-gray-500); text-align: center; padding: 4px; margin-top: 4px; cursor: pointer; }
.ConfessionPunishment { background-color: var(--color-gray-500); display: none; padding-top: 8px; padding-bottom: 8px; }
.ConfessionConnection { font-family: "Courier New", Consolas, Monaco, Menlo, "Droid Sans Mono", "Inconsolata", monospace; padding-left: 10px; padding-right: 10px; margin: 0; }
.ConfessionPunishments { padding-left: 10px; padding-right: 10px; margin: 0; }
.ConfessionPunishmentIntro { padding: 8px; background-color: var(--color-gray-200); }
.ConfessionPunishment2 { padding: 8px; background-color: var(--color-gray-450); display: none; }
.Confession .input { font-family: Verdana; font-size: 12px; border: 0; border-radius: 0px; background-color: var(--color-white); color: var(--color-black); text-align: center; }
.ConfessionHidden { display: none; }
.ConfessionPlus { display: inline-block; vertical-align: middle; width: 13px; height: 13px; background-color: var(--color-white); background-image: url(/Files/Website/Button_Plus.gif); cursor: pointer; }
.ConfessionMinus { width: 13px; height: 13px; background-color: var(--color-white); background-image: url(/Files/Website/Button_Minus.gif); }
.ConfessionMinusDisabled { display: inline-block; vertical-align: middle; width: 13px; height: 13px; }
.ConfessionTimes { display: inline-block; vertical-align: middle; width: 20px; text-align: center; }
.ConfessionLT1 { display: inline-block; vertical-align: middle; padding-left: 20px; }
.ConfessionEN1 { display: inline-block; display: none; padding-left: 20px; }
.ConfessionLT2 { display: inline-block; padding-left: 40px; }
.ConfessionEN2 { display: inline-block; padding-left: 40px; display: none; color: var(--color-red); }
.BibleQuoteLT { display: none; }
.BibleQuoteEN { display: none; }

/*=============================================================================
 Opinion Form
-----------------------------------------------------------------------------*/

.Opinions { width: 725px; border: solid 1px var(--color-gray-450); color: var(--color-gray-450); background-color: var(--color-gray-875); margin: 0 auto 12px auto; -webkit-box-shadow: 1px 1px 2px var(--color-gray-850); -moz-box-shadow: 1px 1px 2px var(--color-gray-850); box-shadow: 1px 1px 2px var(--color-gray-850); }


	.Opinions a { color: var(--color-blue-light); }
		.Opinions a:hover { color: var(--color-gray-200); }

	.Opinions input[type="radio"] { margin: 3px 0px 3px 3px; padding: 0; vertical-align: middle; }
	.Opinions [type="submit"] { padding: 2px; }

	.Opinions label { margin: 3px 0 3px 4px; padding: 0; vertical-align: middle; }
	.Opinions textarea { padding: 0; }
		.Opinions textarea:focus { border: 0; outline: 0; }
	.Opinions .RatingDiv label { opacity: 0.5; }
.OpinionsArrows span { opacity: 0.5; }

.Opinions table { width: 100%; }

.OpinionsUserVote { margin: 4px 0 16px 0; outline-style: none; outline: none; }

.OpinionsTitle { font-weight: bold; color: var(--color-gray-725); text-transform: capitalize; text-align: center; padding: 8px; }

.OpinionsLabel { vertical-align: top; width: 80px; }
	.OpinionsLabel p { background-color: var(--color-gray-800); color: var(--color-gray-500); text-align: right; margin: 0; padding: 4px; }

.OpinionsLabelRating { vertical-align: top; width: 100px; padding: 0 0 0 4px; }
	.OpinionsLabelRating p { background-color: var(--color-gray-800); color: var(--color-gray-500); text-align: center; margin: 0; padding: 4px; }

[class^="OpinionsInput"] { vertical-align: middle; background-color: var(--color-black); }
.OpinionsInputName { padding: 0 4px 0 4px; }
.OpinionsInputBody { vertical-align: top; padding: 4px; }

.CaptchaTestImage { margin: 2px 0 0 2px; }

.OpinionsFormFooter { background-color: var(--color-black); padding: 4px; }
	.OpinionsFormFooter a { font-weight: normal; }

/*=============================================================================
 Opinion Results
-----------------------------------------------------------------------------*/
.OpinionsPager td { padding: 5px; font-size: 0; }
.OpinionsPager input { padding: 2px 5px 2px 4px; margin: 0px 2px 0px 2px; border-radius: 4px; font-size: 13px; vertical-align: middle; }
.OpinionsPager a { display: inline-block; font-weight: normal; background-color: var(--color-gray-800); padding: 2px 5px 2px 4px; margin: 0px 2px 0px 2px; border-radius: 4px; font-size: 13px; vertical-align: middle; }
	.OpinionsPager a:hover { background-color: var(--color-gray-725); color: var(--color-gray-500); }

.OpinionsTitles td { white-space: nowrap; padding: 5px 4px 4px 4px; }

.OpinionsRecordCreatedLabel { opacity: 0.5; }
.OpinionsRatingLabel { opacity: 0.5; }

.OpinionsBody { padding: 4px; background-color: var(--color-black); }
	.OpinionsBody a { font-weight: normal; }

.OpinionsUserBody { }

.OpinionsAdminBody { background-color: var(--color-gray-875); color: var(--color-blue-light); padding: 4px; margin-top: 4px; }
	.OpinionsAdminBody p { margin: 0; }

.OpinionsKeyword { color: var(--color-black); background-color: var(--color-gray-500); }

.OpinionsColapsedImageTd { display: none; }
.OpinionsColapsedImage { outline-width: 0; cursor: pointer; background-color: var(--color-red); display: block; margin-top: 1px 0 0 1px; }
.OpinionsExpandedImage { outline-width: 0; cursor: pointer; background-color: var(--color-red); display: block; margin-top: 1px 0 0 1px; }

.div-table-1 { padding-right: 8px; padding-left: 8px; }
	.div-table-1 table { background-color: var(--color-gray-100); padding: 3px; width: 100%; border-spacing: 1px; }
	.div-table-1 th { background-color: var(--color-gray-450); padding: 3px; text-align: center; }
	.div-table-1 td { background-color: var(--color-gray-200); padding: 3px; text-align: center; }
	.div-table-1 .CssGood	{ /* background-color: #c7d1be; */ color: var(--color-green); }
	.div-table-1 .CssBad	{ /* background-color: #ddc3c3; */ color: var(--color-red); }
	.div-table-1 .noneTr th { background-color: var(--color-gray-450) !important; color: initial !important; font-size: 14px !important; }


.div-table-2 { padding-right: 0px; padding-left: 0px; }
	.div-table-2 table { background-color: var(--color-gray-100); padding: 3px; width: 100%; border-spacing: 1px; border-radius: 14px; }

	.div-table-2 th { height: 20px; font-family: Roboto_Mono; font-size: 12px !important; text-align: center;  vertical-align: middle; padding: 4px !important; background-color: var(--color-gray-450); }
	.div-table-2 td { height: 20px; font-family: Roboto_Mono; font-size: 12px; text-align: center; vertical-align: middle; padding: 4px; }

	.div-table-2 tr:nth-child(even) td { background: var(--color-gray-275); }
	.div-table-2 tr:nth-child(odd) td { background: var(--color-gray-200); }

	.div-table-2 tr:first-child th:first-child { border-top-left-radius: 10px; }
	.div-table-2 tr:first-child th:last-child { border-top-right-radius: 10px; }

	.div-table-2 tr:first-child td:first-child { border-top-left-radius: 10px; }
	.div-table-2 tr:first-child td:last-child { border-top-right-radius: 10px; }

	.div-table-2 tr:last-child th:first-child { border-bottom-left-radius: 10px; }
	.div-table-2 tr:last-child th:last-child { border-bottom-right-radius: 10px; }

	.div-table-2 tr:last-child td:first-child { border-bottom-left-radius: 10px; }
	.div-table-2 tr:last-child td:last-child { border-bottom-right-radius: 10px; }

	.div-table-2 .noneTr th { background-color: var(--color-gray-450) !important; color: initial !important; }


th.itemNames				{ width: 220px}
th.graphBars  				{ width: 300px; }
.graphBar1  div				{ height: 6px; }
.graphBar1 .barGrid			{ display: grid; margin-top: 1px; width: 300px; height: auto; }
.graphBar1 .barGrid:first-child	{ margin-top: 0; }

.graphBar1 .barMax	{ display: inline-block; grid-column: 1; grid-row: 1; margin-left: 0; background-color: var(--color-gray-550); }
.graphBar1 .barMin	{ display: inline-block; grid-column: 1; grid-row: 1; margin-left: 0; background-color: var(--color-gray-650); }
.graphBar1 .barColors	{ display: inline-block; grid-column: 1; grid-row: 1; margin-left: 0; }

.graphBar1 .barColor1	{ display: inline-block; float: right; background-color: var(--color-green-tile); mix-blend-mode: overlay; }
.graphBar1 .barColor2	{ display: inline-block; float: right; background-color: var(--color-blue-tile); mix-blend-mode: overlay; }
.graphBar1 .barColor3	{ display: inline-block; float: right; background-color: var(--color-red-soft); mix-blend-mode: overlay; }


.axisGrid { display: grid; width: 207px; margin: auto auto 10px auto; }
.blendMode1 { grid-column: 1; grid-row: 1; width: 207px; height: 80px; border-radius: 4px; display: block; mix-blend-mode: screen; background-color: var(--color-green-tile); }
.blendMode2 { grid-column: 1; grid-row: 1; width: 207px; height: 80px; border-radius: 4px; display: block; mix-blend-mode: screen; background-color: var(--color-blue-tile); }
.blendMode3 { grid-column: 1; grid-row: 1; width: 207px; height: 80px; border-radius: 4px; display: block; mix-blend-mode: screen; background-color: var(--color-gray-675); }
.blendMode4 { grid-column: 1; grid-row: 1; width: 207px; height: 80px; border-radius: 4px; display: block; mix-blend-mode: screen; background-color: var(--color-red-soft); }
.axisImage { grid-column: 1; grid-row: 1; width: 207px; height: 80px; border-radius: 4px; object-fit: none; }


/* ------------------------------------------------------------
Audio and Video Play
-------------------------------------------------------------*/

.videoDiv div { cursor: pointer; width: 480px; height: 270px; margin: auto; background-color: var(--color-black); background-repeat: no-repeat, no-repeat; background-position: center, center; background-size: auto, contain; }
.videoDiv p { text-align: center; }

/*=============================================================================
 Google Banner
-----------------------------------------------------------------------------*/

.GoogleBanner { width: 728px; padding-top: 20px; background-color: var(--color-blue-azure); background-image: url(/Files/Website/Google_Adsense_Advertisement_728_110.png); background-repeat: no-repeat; background-position: center top; }

/*=============================================================================
 Homepage Link Container Styles
-----------------------------------------------------------------------------*/

.LinkContainer { position: relative; }
	.LinkContainer a { font-family: Verdana; font-size: 10px; }
	.LinkContainer .Link1 { display: block; }
	.LinkContainer .Span1 { background-color: var(--color-blue-darknavy); color: var(--color-blue-light); font-weight: bold; padding: 6px 0 6px 0; text-indent: 8px; display: block; }
	.LinkContainer .Link1:hover .Span1 { color: var(--color-gray-200); }
	.LinkContainer .Link1:hover .Span4 { color: var(--color-gray-200); }
	.LinkContainer img { padding: 2px 6px 2px 6px; }
	.LinkContainer .Span2 { color: var(--color-gray-750); display: inline-block; width: 289px; vertical-align: middle; font-family: Arial; font-size: 11px; }
	.LinkContainer .Span3 { position: absolute; top: 0; right: 0; }
	.LinkContainer .Link2, .LinkContainer .Span4 { background-color: var(--color-blue-darknavy); color: var(--color-blue-light); font-weight: bold; padding: 6px 8px 6px 8px; display: inline-block; }
		.LinkContainer .Link2:hover { color: var(--color-gray-200); }

/*=============================================================================
 Help Styles
-----------------------------------------------------------------------------*/

.Help_Tab { background-color: var(--color-white); border: 1px solid var(--color-gray-225); display: inline-block; margin: 0 2px 1px 2px; padding: 1px 4px 0px 4px; line-height: normal; border-radius: 4px; }
	.Help_Tab img { margin: 0 4px 0 0; padding: 0; vertical-align: top; }

.Help_Button { background-color: var(--color-gray-150); border: 1px solid var(--color-gray-525); display: inline-block; margin: 0 2px 1px 2px; padding: 1px 4px 0px 4px; line-height: normal; border-radius: 4px; }
	.Help_Button img { margin: 0 4px 0 0; padding: 0; vertical-align: top; }

.Help_DropDown { background-color: var(--color-white); border: 1px solid var(--color-gray-525); display: inline-block; margin: 0 2px 1px 2px; padding: 1px 1px 0px 4px; line-height: normal; border-radius: 4px; }
	.Help_DropDown img { background-color: var(--color-gray-150); margin: 0 0 0 4px; padding: 0; vertical-align: top; }

/*=============================================================================
 Code
-----------------------------------------------------------------------------*/

code, .code { font-family: Consolas, Monaco, Menlo, "Droid Sans Mono", "Inconsolata", "Courier New", monospace; text-align: left; }
code p, .code p, code div, .code div { margin: 0; text-align: left; }
hr.code, code hr, .code hr { margin: 10px 0 10px 0; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px dashed var(--color-gray-600); height: 1px; display: block; }

code.black, .code .black { color: var(--color-black); }
code.gray, .code .gray { color: var(--color-gray-600) }
code.green, .code .green { color: var(--color-green-dark); }
code.red, .code .red { color: var(--color-red-medium); }
code.brown, .code .brown { color: var(--color-red-brown); }
code.purple, .code .purple { color: var(--color-purple); }
code.blue, .code .blue { color: var(--color-blue-deepnavy); }
code.teal, .code .teal { color: var(--color-teal); }

.tab1 { padding-left: 27px; }
.tab2 { padding-left: 54px; }
.tab3 { padding-left: 81px; }
.tab4 { padding-left: 108px; }
.tab5 { padding-left: 135px; }

/*=============================================================================
 ContentClass* Styles
-----------------------------------------------------------------------------*/

[class^="ContentClass"] .Book_Head_B { display: none; }
[class^="ContentClass"] .Book_Foot_B { display: none; }
[class^="ContentClass"] .Book_Body { background-image: none; padding: 0; }
[class^="ContentClass"] .Book_Level_Section { border: 0; }
[class^="ContentClass"] h1 { font-size: 22px; background-color: var(--color-black-10); padding: 4px 10px 4px 10px; border-radius: 4px; }
[class^="ContentClass"] h2 { font-size: 18px; background-color: var(--color-black-10); padding: 4px 10px 4px 10px; border-radius: 4px; }
[class^="ContentClass"] h3 { font-size: 14px; background-color: var(--color-black-10); padding: 2px 10px 2px 10px; border-radius: 4px; }

.OpinionsLink { text-transform: uppercase; }

/*=============================================================================
 ContentClassH (Transparent) Styles
-----------------------------------------------------------------------------*/

.ContentClassH { display: none; }

/*=============================================================================
 ContentClass0 (Transparent) Styles
-----------------------------------------------------------------------------*/

.ContentClass0 .Book_Table { margin-top: 0px; }
.ContentClass0 .Book_Body { background-color: transparent; margin: 0; padding: 0; }
.ContentClass0 .Book_Head { display: none; }
.ContentClass0 .Book_Foot { display: none; }
.ContentClass0 .OpinionsLink { display: none; }

.ContentClass0 .ContentClass6 h1 { font-weight: normal; }
.ContentClass0 .ContentClass6 h2 { font-weight: normal; }
.ContentClass0 .ContentClass6 h3 { font-weight: normal; }

/*Audio Page*/
.ContentClass0 .audioPage { width: 70px; min-width: 70px; background-image: none; }
.ContentClass0 .audioPlay { color: var(--color-gray-900); }
.ContentClass0 .audioPlay:hover { color: var(--color-gray-900); }
.ContentClass0 .audioPlayerContainer { background-image: none; }

/*=============================================================================
 ContentClass1 (Book-Ornament) Styles
-----------------------------------------------------------------------------*/

.ContentClass1 .Book_Head_B { height: 4px; background-image: url(/Files/Website/Pattern-8-01a.png); display: block; }
.ContentClass1 .Book_Body  { color: var(--color-gray-900); background-color: var(--color-cream); background-image: url(/Files/Website/Pattern-8-01.png); padding: 8px 63px 8px 63px; }
.ContentClass1 .Book_Foot_B { height: 4px; background-image: url(/Files/Website/Pattern-8-01b.png); display: block; }

.chapterDescription, .name { text-align: center; font-weight: bold; font-size: 14pt; }
.part { text-align: center; font-weight: bold; font-size: 22px; margin-top: 15px; margin-bottom: 15px; color: var(--color-brown-gold); }
.chapter { text-align: center; font-weight: bold; font-size: 12pt; margin-top: 15px; margin-bottom: 15px; }
.bookmark { margin-top: 0; margin-bottom: 0; }
.explanation { color: var(--color-green-sage-leaf); font-style: italic; }

/*=============================================================================
 ContentClass2 (White) Styles
-----------------------------------------------------------------------------*/

.ContentClass2 .Book_Body { color: var(--color-gray-900); background-color: var(--color-white); }
.ContentClass2 .pCSS1 { font-size: 15px; font-weight: normal; text-transform: none; }

.ContentClass2 p { margin: 8px; }
.ContentClass2 .OpinionsLink { padding-bottom: 10px; padding-right: 20px; }

.ContentClass2 a { color: var(--color-blue-deep); }
	.ContentClass2 a:hover { color: var(--color-blue-link-hover); }

/*=============================================================================
 ContentClass3 (Gray-Light) Styles
-----------------------------------------------------------------------------*/

.ContentClass3 .Book_Body { color: var(--color-gray-775); background-color: var(--color-gray-200); }

.ContentClass3 p { margin: 8px; }
.ContentClass3 .OpinionsLink { padding-bottom: 10px; padding-right: 10px; }
/*.ContentClass3 { border: 0; }*/

.ContentClass3 a { color: var(--color-blue-deep); }
	.ContentClass3 a:hover { color: var(--color-blue-link-hover); }

.ContentClass3 td { vertical-align: middle; }
.ContentClass3 th { font-size: 15px; vertical-align: middle; background-color: var(--color-blue-darknavy); color: var(--color-blue-light); white-space: nowrap; padding: 6px 8px 6px 8px; }

	.ContentClass3 th a { color: var(--color-blue-light); display: inline-block; width: 100%; white-space: nowrap; }
		.ContentClass3 th a:hover { color: var(--color-gray-200); }
.ContentClass3 span { }
.ContentClass3 .ico { padding: 2px 6px 2px 6px; }

.ContentClass3 h1 { text-transform: uppercase; font-weight: bold; padding: 5px; margin: 20px 8px 20px 8px; border: 0px dashed var(--color-gray-675); background-color: var(--color-gray-900); text-align: center; color: var(--color-white); }
.ContentClass3 h2 { padding: 5px; margin: 20px 8px 20px 8px; background-color: var(--color-gray-300); text-align: center; }

.ContentClass3 .Css01 { background-color: var(--color-gray-900); background-image: none; color: var(--color-white); text-transform: uppercase; font-weight: normal; }
.ContentClass3 .Css02 { background-color: var(--color-gray-450); background-image: none; color: var(--color-gray-900); }
.ContentClass3 .Css03 { margin: 8px 0 8px 0; }
.ContentClass3 .Css17 { background-color: var(--color-red-pink-soft); background-image: none; padding: 4px 8px 4px 8px; }
.ContentClass3 .div-table-1 th { background-color: var(--color-gray-450); color: var(--color-gray-900); }

/*=============================================================================
 ContentClass4 (Black) Styles
-----------------------------------------------------------------------------*/

.ContentClass4 .Book_Body { color: var(--color-gray-600); background-color: var(--color-gray-900); }

.ContentClass4 p { margin: 8px; }
.ContentClass4 .OpinionsLink { padding-bottom: 20px; padding-right: 20px; }
.ContentClass4 a, .ContentClass8 .OpinionsLink a { color: var(--color-blue-light); }
	.ContentClass4 a:hover, .ContentClass8 .OpinionsLink a:hover { color: var(--color-gray-200); }
.ContentClass4 code { display: block; background-color: var(--color-black); border: 1px solid var(--color-gray-600); padding: 16px; text-align: left; }
.ContentClass4 hr { border-width: 0 0 1px 0; border-style: dashed; border-color: var(--color-gray-600); margin-left: 8px; margin-right: 8px; }
.ContentClass4 h1 { text-transform: uppercase; font-size: 12px; padding: 5px; margin: 20px 8px 20px 8px; border: 1px dashed var(--color-gray-600); background-color: var(--color-black); font-weight: bold; text-align: center; }
.ContentClass4 h2 { text-transform: uppercase; font-size: 12px; padding: 5px; margin: 20px 8px 20px 8px; border-width: 0 0 0 0; border-style: dashed; border-color: var(--color-gray-600); background-color: var(--color-gray-850); font-weight: bold; text-align: center; }
.ContentClass4 .ImgLeftBorder, .ContentClass4 .ImgRightBorder, .ContentClass4 .ImgBorder { border: 1px dashed var(--color-gray-600); background-color: var(--color-black); }

/*=============================================================================
 ContentClass5 (Red) Styles
-----------------------------------------------------------------------------*/

/* FireFox */
.ContentClass5 .divFrame { scrollbar-width: thin; }
.ContentClass5 .divFrame { scrollbar-color: var(--color-red-pink-light) var(--color-red-brick); }
/* Chrome, Edge */
.ContentClass5 ::-webkit-scrollbar { width: 8px; }
.ContentClass5 ::-webkit-scrollbar-track { background: var(--color-red-brick); }
.ContentClass5 ::-webkit-scrollbar-thumb { background: var(--color-red-pink-light); }
	.ContentClass5 ::-webkit-scrollbar-thumb:hover { background: var(--color-red-pink-light); }

.ContentClass5 .Book_Body { color: var(--color-red-pink-light); background-color: var(--color-red-brick-dark); }
.ContentClass5 a, .ContentClass5 a:hover { color: var(--color-white); font-weight: normal; }

/*=============================================================================
 ContentClass6 (Green) Styles
-----------------------------------------------------------------------------*/

/* Text gradient... { background: linear-gradient(rgba(132,230,140,1), rgba(132,230,140,0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */

.ContentClass6 h1 { font-weight: normal; }
.ContentClass6 h2 { font-weight: normal; }
.ContentClass6 h3 { font-weight: normal; }

/* Internet Explorer */
.ContentClass6 .divFrame { -ms-scrollbar-3dlight-color: var(--color-green-mid); -ms-scrollbar-arrow-color: var(--color-green-mid); -ms-scrollbar-base-color: var(--color-green-mid); -ms-scrollbar-darkshadow-color: var(--color-green-mid); -ms-scrollbar-face-color: var(--color-green-light); -ms-scrollbar-highlight-color: var(--color-green-light); -ms-scrollbar-shadow-color: var(--color-green-light); -ms-scrollbar-track-color: var(--color-green-mid); }
/* FireFox */
.ContentClass6 .divFrame { scrollbar-width: thin; }
.ContentClass6 .divFrame { scrollbar-color: var(--color-green-light) var(--color-green-mid); }
/* Chrome, Edge */
.ContentClass6 ::-webkit-scrollbar { width: 17px; }
.ContentClass6 ::-webkit-scrollbar-track { background: var(--color-green-mid); }
.ContentClass6 ::-webkit-scrollbar-thumb { background: var(--color-green-light); }
	.ContentClass6 ::-webkit-scrollbar-thumb:hover { background: var(--color-green-light); }

.ContentClass6 .Book_Body { color: var(--color-green-light); background-color: var(--color-green-deep); }
.ContentClass6 a, .ContentClass6 a:hover { color: var(--color-white); font-weight: normal; }

/*=============================================================================
 ContentClass7 (Blue) Styles
-----------------------------------------------------------------------------*/

.ContentClass7 .Book_Body { color: var(--color-blue-sky); background-color: var(--color-blue-azure); }
.ContentClass7 a, .ContentClass7 a:hover { color: var(--color-white); font-weight: normal; }

.Chapters_td_list a.Button { color: var(--color-white); background-color: var(--color-blue-azure-light); font-size: 14px; padding: 1px 8px 2px 8px; border-radius: 4px; display: inline-block; margin: 1px 1px 0 0; }
.Chapters_td_list a:hover.Button { color: var(--color-white); background-color: var(--color-blue-azure-soft) }

/*=============================================================================
 ContentClass8 (Yellow) Styles
-----------------------------------------------------------------------------*/

.ContentClass8 .Book_Body { color: var(--color-gray-900); background-color: var(--color-yellow-amber); }
.ContentClass8 a, ContentClass8 a:hover, .ContentClass8 .OpinionsLink a, .ContentClass8 .OpinionsLink a:hover { color: var(--color-blue-navy); }
.ContentClass8 hr { all: initial; display: block; unicode-bidi: isolate; margin-block-start: 0.5em; margin-block-end: 0.5em; margin-inline-start: auto; margin-inline-end: auto; overflow: hidden; border-style: inset; border-width: 1px; }
.ContentClass8 .Css11 { color: var(--color-green-dark); }
.ContentClass8 .Css06 { color: var(--color-red-medium); }
.ContentClass8 .Css03 { border-radius: 4px; padding: 5px 8px 4px 8px; }
.ContentClass8 th { font-size: 15px; vertical-align: middle; background-color: var(--color-black-90); color: var(--color-white-50); white-space: nowrap; padding: 0px 8px 0px 8px; }

/*=============================================================================
 ContentClass9 (Gray Darker) Styles
-----------------------------------------------------------------------------*/
.ContentClass9 .Book_Body { color: var(--color-gray-900); background-color: var(--color-gray-400); }
.ContentClass9 a { color: var(--color-blue-deep); }
	.ContentClass9 a:hover { color: var(--color-blue-link-hover); }

.ContentClass9 td { vertical-align: middle; }
.ContentClass9 th { font-size: 15px; vertical-align: middle; background-color: var(--color-blue-darknavy); color: var(--color-blue-light); white-space: nowrap; padding: 6px 8px 6px 8px; }

/*=============================================================================
 Content Menu
-----------------------------------------------------------------------------*/

.ChapterMenu { background-color: var(--color-black-90); color: var(--color-white-50); border-radius: 14px; padding: 14px 14px 14px 14px; white-space: nowrap; }
.ChapterMenu .ChapterMenuTitle { font-size: 18px; background-color: var(--color-transparent); padding: 0; margin-bottom: 10px; text-align: center; }
.ChapterMenu p { margin: 4px; background-color: var(--color-white-05); padding: 4px; border-radius: 4px; }
.ChapterMenu .tab1 { margin-left: 27px; }
.ChapterMenu a { color: var(--color-white); }
.ChapterMenu a:hover { color: var(--color-blue-link-hover); }