@charset "UTF-8";
/*
	ChristianAnswers.Net • Christian Spotlight • © Copyright Films for Christ
	last edit 11.6.2023 pst

	Applies only to…
		• /spotlight/movies/titles-*.html ID=spotmovietitlePage
		• /spotlight/movies/rating-*.html ID=csMovieRatingPages
		• /spotlight/movies/aboutmoviereviewteam.html

	Open Sans…
		Light—300 Regular—400 Semi-Bold—600 Bold—700 Extra-Bold—800

	Colors
		muted gold  #cccc99
		bright gold #dede7b
		______gold  #f6ed9a
		Stormcloud  #728782 (muted greenish blue)
		teal        #0b76a8
		dark red    #660000

	• code needs some cleaning
*/

/* ========== for all above ========== */

html {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
*,
*:before,
*:after {
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}

body#spotmovietitlePage #pagewrapper,
body#csMovieRatingPages #pagewrapper {
	width:850px;
	position:relative;
	top:10px;
	margin:0 auto !important;
	visibility:visible;
}
/* delete following by 8.25.2023 */
/*
body#spotmovietitlePage .pagewrapper,
body#csMovieRatingPages .pagewrapper {
	width:850px;
	position:relative;
	top:10px;
	left:50%;
	margin:0 0 30px -425px;
	visibility:visible;
}
*/

table {
	empty-cells:hide;
	border:0;
}
	thead {
		font-size:11px;/* ???? */
	}
	td {
		font-size:13px;/* ???? */
	}

	tr {
		vertical-align:top;/* ???? */
	}


/* links */
a {}
a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
}
a:link {
	color:#000;/* prev cc0066 */
}
a:visited {
	color:#606c69;/* GreenGrayDark • prev 990066 dark magenta */
}
a:active {
	color:#ff00ff;/* neon pink */
}
/* end links */

/* 1answersofthemonth.js */
	#insetpix1answersofthemonth img {
		width:25%;
		max-width:80px;
		height:auto;
	}

	#qlist1answersofthemonth li {
		font-size:14px;
		margin-bottom:25px !important;
	}
		#qlist1answersofthemonth li a:hover {}
/* END 1answersofthemonth.js */

/* 1movies.js */
	#CSSynd-Logo { 
		display:none;
	}
	ul.CSSynd-List li {
		margin-bottom:20px;
		font-size:16px;
	}
	.CSSynd-Subtitles {
		font-size:16px;
		text-align:center;
		color:#fff;
		background:#576d70;
		padding:3px;
	}
/* END 1movies.js */




/* ========== /spotlight/movies/TITLES-*.html========== */

body#spotmovietitlePage {
	background:#000;
}

	#spotmovietitlePage togglecontainer {
		display:block !important;}

	#spotmovietitlePage #content {
		display:grid;
		grid-template-columns:auto auto;
		grid-column-gap:0;
		grid-template-rows:auto;
		padding:0 10px 50px 20px;
		background:#fff;
		border:1px hidden #fff;
	}

	#spotmovietitlePage a:hover,
	#spotmovietitlePage td.filmTitle:hover {
		background:#f6ed9a;/* a gold */
		text-decoration:underline;
	}

	#spotmovietitlePage #spotindxSidebar {
		float:left;
		position:relative;
		top:-50px;
		border-radius:15px;
		max-width:220px;
		border:1px solid #ccc;
		background:#fff;
		margin-left:10px;
		padding:0 10px 20px 10px;
		font-size:18px;
		line-height:150%;
	}
		#spotmovietitlePage #spotindxSidebar h3 {
			color:#576d70;
		}

	#spotmovietitlePage table {
		border-collapse:collapse;
	}
		#spotmovietitlePage table a:hover {
			background:#fff1b5;/* Buttermilk */
		}

		#spotmovietitlePage table th {
			font-weight:700;
			color:#000;
			padding:8px 10px;
		}
			#spotmovietitlePage #filmTitle {
				padding-left:80px;
				text-align:left;
				vertical-align:middle;
				font-size:18px;
			}
			#spotmovietitlePage #genre {}
			#spotmovietitlePage #mpaa {}
			#spotmovietitlePage #csRating {}

		#spotmovietitlePage tr {
			border-bottom:1px solid #ebebeb;
		}
		#spotmovietitlePage td.genre,
		#spotmovietitlePage td.mpaa,
		#spotmovietitlePage td.csRating {
			vertical-align:middle;
			text-align:center;
			padding-top:10px;
			padding-bottom:20px;
		}
		#spotmovietitlePage td.genre {
			font-size:12px;
		}
		#spotmovietitlePage td.mpaa {
			font-size:14px;
			font-weight:400;
		}
		#spotmovietitlePage td.csRating {
			font-size:12px;
		}
		#spotmovietitlePage td.filmTitle {
			text-align:left;
			padding-top:10px;
			vertical-align:middle;
			width:300px;
		}
			#spotmovietitlePage .filmTitle a {
				font-size:16px;
				font-weight:800;
				line-height:150%;
			}
			#spotmovietitlePage .filmTitle a:link,
			#spotmovietitlePage .filmTitle a:visited {
				color:#000;
				background:none;
			}
			#spotmovietitlePage .filmTitle a:active {
				color:#ff00ff;/* neon pink */
				background:none;
			}
			#spotmovietitlePage .filmTitle img {/* for titles index thumbnails */
				width:70px;
				height:50px;
				float:left;
				margin-right:10px;
				background-color:#eee;
			}


li.newlist {/* ? extinct? */
	text-align:left;
}

th.column {
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #999;
}

td.columnone {/* ? extinct? */
	font-size:13px;
	border-bottom:1px solid #ebebeb;
	text-align:center;
}
	.columnone form fieldset {/* ? extinct? */
		border:none;
		padding:0;
	}

td.linesep {/* ? extinct? */
		height:1px;
		background:#999;
	}
	td.t {/* ? extinct? */
		background:#f0eee4;/* Marshmallow */
		text-align:center;
	}

div.headerfast {/* ? extinct? */
	font-size:13px;
}

a.alpha {
	font-size:11px;
}

h3 {
	font-size:20px;
	font-weight:300;
	text-align:center;
	margin:5px 10px 0 10px;
	padding-top:10px;"
}
#indxSidebar {
	vertical-align:top;
	background:#000;
	width:225px;
}
	#indxColumnTwo {/* phaseout */
		background:#000;
		width:225px;
	}
.sorted {/* for sorttable.js */
	color:#660000;/* dark red */
}
	.sorted:after {
		content:' (sorted)';
		font-size:12px;
		font-weight:300;
		padding-left:5px;
	}

#moralratingExplanation li {
	font-size:18px;
	line-height:150%;
	list-style:none;
	margin-bottom:20px;
}

#MyMovieList {}

#AlphaLetter {/* ? extinct? */
	float:left;
	color:#cccc99;/* muted gold */
	font-size:65px;
	font-weight:300;
	text-align:left;
	padding:5px 5px 5px 170px;
}

div.sortInstruct {
	float:right;
	color:#ccc;/* light gray */
	font-size:16px;
	font-weight:400;
	text-align:center;
	padding:55px 20px 0 0;
}

#spotmovietitlePage h1 {
	margin:0;
	padding:0 10px 10px 100px;
	color:#dede7b;/* bright gold */
	background:#000;
	font-size:60px;
	font-weight:300;
	line-height:60px;
}
	#spotmovietitlePage h1::before {
		content:"Film titles beginning with ";
		font-size:16px;
		color:#fff;
		vertical-align:middle;
	}

h1.alpha {/* ? extinct? */
	color:#dede7b;/* bright gold */
	background:#728782;/* Stormcloud (muted greenish blue) */
	font-size:60px;
	line-height:60px;
	font-weight:300;
	text-shadow:4px 3px 3px #000;
	text-align:center;
	padding:0 0 10px 0;
	margin:0;
}

span.sortinstruct {/* OLD phaseout */
	font-family:'Open Sans',Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:400;
	text-align:center;
	padding-right:20px;
}

#spotindexfooter,
#spotFooterContainer2 {
	font-size:14px;
}
	#spotindexfooter a {
		font-weight:600;
	}

#columnsubtitle {
	font-size:11px;
	font-weight:300;
	text-decoration:none;
	border-bottom:none;
}

.inserts {
	color:#000;
	padding:10px;
}
	.inserts a,
	.inserts a:link,
	.inserts a:visited {
		color:#000;
	}
		.inserts a:hover {
			background:#fff3b8;/* highlight yellow */
			display:block;
		}
		.inserts a:active {
			color:#000;
			background:#cfc890;
		}

#picklisticon {
	display:inline;
	vertical-align:middle;
	background:none;
	background-image:url('/0.gif');
	border-style:none;
	text-decoration:none;
}
#picklisthdr {
	text-align:center;
	width:40px;
	background-color:#c1d4d2;
	font-weight:700;
}
	#picklisthdr a {
		font-weight:700;
		color:#000;
	}

#csRating {
	font-weight:700;
}
	#csRating a {
		color:#000;
	}

div.announcements {
	width:180px;
	text-align:center;
	color:#cfc890;
	background:#660033;/* dark red */
	font-size:17px;
	font-weight:700;
	padding:10px;
	margin-bottom:10px;
	border-width:4px;
	border-style:outset;
}




/* ========== /RATING-*.html ONLY (id=csMovieRatingPages)========== */

body#csMovieRatingPages {
	background:#000;
}

	#csMovieRatingPages #spotindxSidebar {
		float:right;
		width:300px;
		border:1px solid #ccc;
		background:#fff;
		padding:0 10px 20px 10px;
		font-size:18px;
	}

	#csMovieRatingPages #contentContainer {
		border:1px solid #fff;
		border-radius:15px 15px 0 0;
		padding:0 20px 50px 20px;
		background:#fff;
	}
		#csMovieRatingPages #contentContainer h1 {
			margin-bottom:0;
		}

	#csMovieRatingPages #contentContainer .inclusionExplain {
		margin:25px 0 15px 0;
		text-align:center;
	}

	#csMovieRatingPages #content h2 {
		margin:30px 0 20px 0;
		padding:2px 0;
		font-size:28px;
		font-weight:600;
		color:#fff;
		background:#000;
		text-align:center;
	}

	#csMovieRatingPages #spotindxSidebar {
		float:right;
		width:220px;
		border:1px solid #ccc;
		background:#fff;
		padding:0 10px 20px 10px;
	}

	#csMovieRatingPages #content ul {
		columns:300px auto;
		column-gap:40px;
	}
	#csMovieRatingPages #content ul li {
		margin-bottom:40px;
		list-style:none;
		margin-left:0;
	}
		#csMovieRatingPages #content ul li a {
			font-size:16px;
			font-weight:700;
			line-height:26px;
		}
		#csMovieRatingPages #contentul li a:link,
		#csMovieRatingPages #contentul li a:visited {
			color:#000;
			font-weight:700;
		}
		#csMovieRatingPages #content ul li a:active {
			color:#ff00ff;/* neon pink */
		}

/* ========== /spotlight/movies/rating_*.html AND movieratingsexplanation.js */
a.zed {}
	a.zed:link,
	a.zed:visited {
		font-weight:700;
		color:#000;
	}
	a.zed:active {
		color:#ff00ff;/* neon pink */
	}





/* ==========? for MOVIE RATING INDEX PAGES========== */


img.mpaarateg,
img.mpaaratepg, 
img.mpaaratepg13,
img.mpaarater, 
img.mpaaunrated {
	margin:0 10px;
}

img {
	border:none;
}
span.invisible {
	visibility:hidden;
	font-size:1%;
}
span.invisibleobject {
	visibility:hidden;
	font-size:1%;
}
span.wed {
	color:yellow;
}
span.graybox {
	background:silver;
}
span.whitebox {
	background:#fff;
}
span.highlight {
	background:#ffffcc;/* PaleYellow */
	/* prev #FFF3B8 highlight yellow */
}

.open {
	font-weight:700;
	padding-top:10px;
	color:#fff;
}




/* ==========OTHER========== */
div.scrollbox {
	height:200px;
	display:block;
	overflow:scroll;
	padding:0 5px 20px 0;
	border-bottom:1px solid #ccc;
}

/* begin rating stars */ /*  ? Extinct? */
img.ratingstar {
	width:20px;
	height:18px;
}
div.stars {
	float:right;
	width:80px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star3.gif');
	background-repeat:repeat-x;
}
div.stars05 {
	width:8px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.stars1 {
	width:17px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.stars15 {
	width:25px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.stars2 {
	width:33px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.stars25 {
	width:40px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.stars3 {
	float:left;
	width:48px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.stars35 {
	width:56px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.stars4 {
	width:65px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.stars45 {
	width:73px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.stars5 {
	width:80px;
	height:15px;
	display:block;
	background:transparent;
	background-image:url('/spotlight/movies/star.gif');
	background-repeat:repeat-x;
}
div.starsoff {
	z-index:55;
	background-color:#FFF;
	width:80px;
	height:15px;
	display:block;/* background-image:url('/spotlight/cream.gif');*/
	background-repeat:repeat-x;
}
/* end rating stars */


	/*
		font-size:14px;
		line-height:150%;
		list-style-type:square;
		margin:0 0 50px 0;
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
		-webkit-column-width:auto;
		-moz-column-width:auto;
		column-width:auto;
		-webkit-column-gap:40px;
		-moz-column-gap:40px;
		column-gap:40px;
		-webkit-column-rule:0 solid #ddd;
		-moz-column-rule:0 solid #ddd;
		column-rule:0 solid #ddd;
		-moz-column-fill:balance;
		column-fill:balance;
	*/