@charset "UTF-8";
/*
Christian Spotlight © Films for Christ (Christian Answers)
used by cdMovieHeader.js and footer.js
used on almost all /spotlight/* pages, including https://forms.christiananswers.net/, except /spotlight/games/

Last edit 8.11.2021 pst
	►cleanup needed
*/

/* csMovieHeader.js HEADER ONLY ========== */

/* HOVERS---------- */
#csHeaderbox #csMoralityRatingLinks a:hover {
	padding:5px !important;
	border-radius:4px;
}
#csHeaderbox a:hover {
	color:#fff !important;
}
#csHdrAlphabetLinks a:hover {
	background:#630000;/* Rosewood */
}
.menuBar a:hover {
	text-shadow:4px 3px 3px #000;
}
#csHeaderbox #csLogo a:hover {}
/* END HOVERS---------- */


#csHeaderbox {
	background:#000;
}
	#csHeaderbox .csMenubarContainer {
		margin:0;
		padding:0;
		background:#576d70;/* CuttySarkGreen */
	}
	
	#csHeaderbox ul.menuBar {
		margin:0;
		padding:7px 0 0 0;
		height:35px;
		max-height:35px;
		display:flex;
		justify-content:space-around;
	}
	#csHeaderbox ul.menuBar li {
		list-style:none;
		margin:0;
		padding:0 10px;
	}
		#csHeaderbox ul.menuBar ul li a,
		#csHeaderbox ul.menuBar a:link,
		#csHeaderbox ul.menuBar a:visited {
			color:#cccc99;/* GoldMuted */
			height:13px;
			margin:0;
			font-size:13px !important;
			line-height:13px !important;
			line-height:13px !important;
			font-weight:400 !important;
			text-shadow:4px 3px 3px #333;
		}

	#csHeaderbox #csheaderMidsection {
		clear:left;
		padding:5px 0 0 10px;
		border:1px solid 000;/* border prevents size change */
		color:#cccc99;/* GoldMuted */
		font-size:13px !important;
		font-weight:400 !important;
		line-height:30px;
	}
		#csHeaderbox #csheaderMidsection #csMovieIndexAZContainter {
			position:relative;
			top:-20px;
			margin-left:75px;
		}

	#csHeaderbox #csHeaderGrid {
		display:grid;
		grid-template-columns:265px auto;
		grid-column-gap:0;
		grid-template-rows:auto;
	}

#csMoralityRatingLinks a,
#csMoralityRatingLinks a:link,
	#csMoralityRatingLinks a:visited {
	color:#ccc;
	font-weight:13px;
	line-height:150%;
	padding:0 6px;
}


/* ALPHABEtICAL A-Z NAVIGATION BUTTONS */
#csHdrAlphabetLinks {}
	#csHdrAlphabetLinks a,
	#csHdrAlphabetLinks a:link,
	#csHdrAlphabetLinks a:visited {
		float:left;
		display:block;
		position:relative;
		margin:0;
		width:36px !important;
		height:36px !important;
		border:1px solid #2e3c36;/* CornflowerBlue */
		color:#cccc99;/* GoldMuted */
		font-size:16px !important;
		font-weight:normal;
		line-height:33px;
		text-align:center;
		text-decoration:none;
		cursor:pointer;
	}
/* end alphabetical a-z navigation buttons */


/* SEARCH========== */
form#searchSpotlight {/* new 6.11.2021 */
	width:100%;
	position:relative;
	display:flex;
}
	#searchSpotlight fieldset {
		border:none;
		margin:0;
		padding:0;
	}
	#searchSpotlight .searchTerm {
		width:100%;
		border:1px solid #ccc;
		border-right:none;
		padding:5px;
		outline:none;
		color:#000;
	}
	#searchSpotlight .searchTerm:focus {
		color:#000;
	}
	#searchSpotlight .searchButton {
		width:40px;
		height:30px;
		border:none;
		text-align:center;
		border-radius:0 5px 5px 0;
		cursor:pointer;
		font-size:20px;
	}
	#searchSpotlight .searchButton,
	#button li a:hover {
		color:#fff !important;
		background:#630000;/* Rosewood */
	}
#searchSpotlight .searchButton div     {padding:2px;}
#searchSpotlight .searchButton div img {height:20px;}

#CSSynd-Container .zoom_searchform {margin:10px 0 0 0;} #CSSynd-Container .zoom_searchform fieldset {border:0; padding:0; margin:0;} #CSSynd-Container input.zoom_searchbox {width:125px; margin-top:0; padding:3px; font-family:Arial,Helvetica,Swiss,Geneva,sans-serif; font-size:10pt; border:2px solid #eae1c0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:rgba(0,0,0,.5) 1px 1px 1px 1px inset; -moz-box-shadow:rgba(0,0,0,.5) 1px 1px 1px 1px inset; -webkit-box-shadow:rgba(0,0,0,.5) 1px 1px 1px 1px inset; background:#fff; -webkit-transition:width 0.4s ease-in-out; transition:width 0.4s ease-in-out;} #CSSynd-Container input.zoom_searchbox:focus {width:60%;} #CSSynd-Container input[type="submit"] {margin:0 0 0 3px; padding:4px; color:#cccc99; background-color:#660000; font-size:1.2em; font-weight:bold; border:2px solid #cccc99; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 .5em rgba(0, 0, 0, .8); -moz-box-shadow:0 0 .5em rgba(0, 0, 0, .8); -webkit-box-shadow:0 0 .5em rgba(0, 0, 0, .8); -webkit-appearance:none;} #CSSynd-Container input[type="submit"]:hover, input[type="submit"]:active {cursor:pointer; color:#993333; background-image:url(https://ChristianAnswers.Net/sharedimages/bkd-goldgradient2.gif); background-color:#cccc99; border-style:outset; border-color:#fff #000 #000 #fff;} #CSSynd-Container input[type="submit"]:active {background:#eeeeee; box-shadow:0 0 .5em rgba(0, 0, 0, .8) inset; -moz-box-shadow:0 0 .5em rgba(0, 0, 0, .8) inset; -webkit-box-shadow:0 0 .5em rgba(0, 0, 0, .8) inset;}

#csHeaderbox .zoom_searchform {
	clear:left;
}
	form.zoom_searchform {
		text-align:right;
	}
	#csHeaderbox fieldset {
		border:none;
		padding:0;
		margin-bottom:5px;
	}
	#csHeaderbox input.zoom_searchbox {
		width:280px;
		background-color:#fff;
		margin:8px 2px 0 0;
		font-size:19px;
		padding:3px 8px;
		border:2px solid #eae1c0;/* VeryLightGold */
		border-radius:5px;
		-webkit-box-shadow:rgba(0,0,0,.5) 1px 1px 1px 1px inset;
		-moz-box-shadow:rgba(0,0,0,.5) 1px 1px 1px 1px inset;
		box-shadow:rgba(0,0,0,.5) 1px 1px 1px 1px inset;
	}
	#csHeaderbox .zoom_searchform input[type="submit"] {
		position:relative;
		top:-1px;
		color:#cccc99;/* GoldMuted */
		background-color:#660000;
		background-image:none;
		margin-top:0;
		margin-left:3px;
		font-size:13px;
		font-weight:600;
		padding:3px 5px;
		border:2px solid #cccc99;/* GoldMuted */
		border-radius:5px;
		-webkit-box-shadow:0 0 8px rgba(0,0,0,.8);
		-moz-box-shadow:0 0 8px rgba(0,0,0,.8);
		box-shadow:0 0 8px rgba(0,0,0,.8);
		-webkit-appearance:none;
	}
	#csHeaderbox .zoom_searchform input[type="submit"]:hover, 
	#csHeaderbox .zoom_searchform input[type="submit"]:active {
		cursor:pointer;
		color:#993333;/* StilettoRed */
		background-color:#cccc99;/* GoldMuted */
		border-color:#fff #000 #000 #fff;
	}
	#csHeaderbox .zoom_searchform input[type="submit"]:active {
		background:#eee;/* VeryLightGray */
		-webkit-box-shadow:0 0 8px rgba(0,0,0,.8) inset;/* gray */
		-moz-box-shadow:0 0 8px rgba(0,0,0,.8) inset;/* gray */
		box-shadow:0 0 8px rgba(0,0,0,.8) inset;/* gray */
}
/* END SEARCH========== */

#csLogo {
	width:265px;
	margin-bottom:2px;
}
	#csLogo img {
		width:265px;
		height:120px;
		position:relative;
	}

.redstripe {/* dark red gradients */
	height:auto;
	color:#cccc99;/* GoldMuted */
	background-color:#660000;
	background-image:url('https://ChristianAnswers.Net/spotlight/bkd-redstripe.gif') #660033 repeat;/* TyrianPurple */
	text-align:center;
	padding:5px 10px;
	background:-moz-linear-gradient(top, rgba(74,0,0,1) 0%, rgba(102,0,0,1) 44%, rgba(74,0,0,1) 100%);/* FF3.6+ */
	background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(74,0,0,1)), color-stop(44%, rgba(102,0,0,1)), color-stop(100%, rgba(74,0,0,1)));/* Chrome, Safari4+ */
	background:-webkit-linear-gradient(top, rgba(74,0,0,1) 0%, rgba(102,0,0,1) 44%, rgba(74,0,0,1) 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(74,0,0,1) 0%, rgba(102,0,0,1) 44%, rgba(74,0,0,1) 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(74,0,0,1) 0%, rgba(102,0,0,1) 44%, rgba(74,0,0,1) 100%);/* IE 10+ */
	background:linear-gradient(to bottom, rgba(74,0,0,1) 0%, rgba(102,0,0,1) 44%, rgba(74,0,0,1) 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a0000', endColorstr='#4a0000', GradientType=0 );/* IE6-9 */
}

/*END HEADER ONLY========== */



/* ==========OUTSIDE OF HEADER */

.comingsoon {
	width:100%;
	font-size:125%;
	font-weight:700;
	color:#ffcc00;/* orange */
	background:url('https://ChristianAnswers.Net/spotlight/bkd-redstripe.gif') #660033 repeat;/* TyrianPurple */
	text-align:center;
	padding:3px 0 5px 0;
}

.curmovphoto a:hover {
	display:block;
	width:225px;
	color:#cc0000;/* red */
}

.spotbetter a {
	font-size:12px;
	text-decoration:none;
}
	.spotbetter a:link,
	.spotbetter a:visited {
		color:#000099;/* DarkBlue */
	}
	.spotbetter a:hover {
		color:#fff;
		background:url('https://ChristianAnswers.Net/spotlight/bkd-redstripe.gif') #660033 repeat;/* TyrianPurple */
		font-weight:700;
		padding:3px;
	}
	.spotbetter a:active {
		color:#993333;/* StilettoRed */
		background-color:#ffcc33;/* SunglowYellow */
	}

.one a {
	font-size:12px;
	text-decoration:none;
}
	.one a:link,
	.one a:visited {
		color:#000099;/* DarkBlue */
	}
	.one a:hover {
		color:#fff;
		background:url('https://ChristianAnswers.Net/spotlight/bkd-redstripe.gif') #660033 repeat;/* TyrianPurple */
		font-weight:700;
		padding:3px;
	}
	.one a:active {
		color:#993333;/* StilettoRed */
		background-color:#ffcc33;/* orange */
	}

div.spothdtrinity {
	color:#fff;
	font-size:13px;
	text-decoration:none;
}
td.spothdtrinity {
	color:#ccccff;
	text-decoration:none;
	font-size:12px;
}

a.trinitylite {}
	a.trinitylite:link,
	a.trinitylite:visited {/* not used in moviereviewheader.js */
		color:#cccc99;/* GoldMuted */
		text-decoration:none;
		font-weight:normal;
	}
	a.trinitylite:hover,
	a.trinity:active {/* not used in moviereviewheader.js */
		color:#993333;/* StilettoRed */
		background-color:#cfc890;/* YumaBrown */
		text-decoration:none;
		font-weight:normal;
	}

img.spotnewtodvd {/* not used in moviereviewheader.js */
	margin-bottom:3px;
	width:70px;
	height:99px;
}
span.spotbullet5 {
	color:#ff6600;/* BlazeOrange */
	font-weight:700;
	padding-right:1px;
}

div.spotlatestreviews {
	background-color:#000;
	text-align:right;
}

div.divline {
	background:#cccc99;/* GoldMuted */
	color:#cccc99;/* GoldMuted */
	width:100%;
	height:1px;
}

img {
	border:none;
}
	img.curmovphoto {
		width:150px;
		border:none;
	}
div.divline img {
	width:100%;
	height:1px;
}

.intheaters {
	font-size:18px;
	color:#fff;
	font-style:italic;
	margin:0 0 10px 0;
}

a {}
	a:link,
	a:visited {
		color:#990000;/* RedBerry */
		text-decoration:none;
	}
	a:active {
		color:#993333;/* StilettoRed */
		background-color:#ffcc33;/* SunglowYellow */
		text-decoration:none;
	}

.scrollboxnavy {
	padding:0;
	border:none;
	height:300px;
	overflow:auto;
}

.dvdsections {
	font-size:125%;
	display:block;
	padding:0 0 5px 0;
	margin-top:10px;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#999;
}

.blk {
	color:#cccc99;/* GoldMuted */
	margin:5px 6px 10px 6px;
	padding:0;
	list-style:square;
	font-weight:700;
}
	
.boxoffice {
	color:#cccccc;
	font-size:80%;
	font-weight:normal;
}

.mpaa {
	font-size:70%;
	font-weight:normal;
}

.linksblk a,
#linksblk a,
.blklinks a {
	color:#000;
}

div.canbar {
	display:block;
	width:100%;
	background-image:url('https://ChristianAnswers.Net/bg-gold.gif');
	padding:0;
}

span.invisible {
	visibility:hidden;
	font-size:1%;
}
span.invisibleobject {
	visibility:hidden;
	font-size:1%;
}

#underline a {
	text-decoration:underline;
}

#linespace150 p {
	line-height:150%;
}

a.refnum:link {
	font-size:80%;
	text-decoration:none;
}
a.refnum:visited {
	font-size:80%;
	text-decoration:none;
}
a.refnum:hover {
	font-size:80%;
	text-decoration:none;
}
a.refnum:active {
	font-size:80%;
	text-decoration:none;
}

#invisibleobject {
	visibility:hidden;
}

.black {
	background-color:#000;
}

div.ratings {
	font-weight:700;
	color:#fff;
	font-size:15px;
	background-image:url('https://ChristianAnswers.Net/spotlight/bkd-blue2.gif');
	padding-left:5px;
}

ul {
	margin:0 0 0 5px;
	padding:0 0 0 5px;
}
li {
	color:#000;
	margin:6px;
	padding:0;
	list-style:square;
}

div.oscarcategory {
	font-weight:700;
	font-size:110%;
	padding:20px 0 0 0;
}
.oscarwinner {}
	div.oscarwinner {
		background:none;
		margin:0;
		padding:0;
	}
	a.oscarwinner:link {
		color:#993333;/* StilettoRed */
		background:none;
		text-decoration:none;
		font-weight:700;
		font-size:100%;
	}
	a.oscarwinner:visited {
		color:#993333;/* StilettoRed */
		background:none;
		text-decoration:none;
		font-weight:700;
		font-size:100%;
	}
	a.oscarwinner:hover {
		color:#000;
		background-color:#ffcc33;/* SunglowYellow */
		text-decoration:underline;
		font-weight:700;
		font-size:100%;
	}
	a.oscarwinner:active {
		color:#996600;/* ChelseaGemBrown */
		background:none;
		text-decoration:none;
		font-weight:700;
		font-size:100%;
	}

.oscarlist {}
	li.oscarlist {
		color:#996600;/* ChelseaGemBrown */
		margin:6px;
		padding:0;
		list-style:square;
	}
	div.oscarlist {
		font-size:100%;
	}
	a.oscarlist {
		color:#996600;
		font-weight:normal;
	}
		a.oscarlist:link,
		a.oscarlist:visited {
			color:#996600;/* ChelseaGemBrown */
			text-decoration:none;
		}
		a.oscarlist:hover {
			color:#cc3300;/* GrenadierRed */
			background-color:#ffcc33;/* SunglowYellow */
			text-decoration:none;
		}
		a.oscarlist:active {
			color:#996600;/* ChelseaGemBrown */
			background-color:#ffcc33;/* SunglowYellow */
			text-decoration:none;
		}

a.oscarlist2 {}
	a.oscarlist2 {
		color:#996600;/* ChelseaGemBrown */
		font-weight:normal;
		font-size:100%;
	}
		a.oscarlist2:active {
			color:#996600;/* ChelseaGemBrown */
			background-color:#ffcc33;/* SunglowYellow */
			text-decoration:none;
			font-size:100%;
		}
		a.oscarlist2:link {
			color:#996600;/* ChelseaGemBrown */
			text-decoration:none;
			font-size:100%;
		}
		a.oscarlist2:hover {
			color:#cc3300;/* GrenadierRed */
			background-color:#ffcc33;/* SunglowYellow */
			text-decoration:none;
			font-size:100%;
		}
		a.oscarlist2:visited {
			color:#996600;/* ChelseaGemBrown */
			text-decoration:none;
			font-size:100%;
		}

a.indxtitle {}
	a.indxtitle:link {
		color:#ff6600;/* BlazeOrange */
		background:none;
		font-size:115%;
		font-weight:700;
		text-decoration:none;
	}
	a.indxtitle:visited,
	a.indxtitle:active {
		color:#006666;/* BlueStone */
		background:none;
		font-size:115%;
		font-weight:700;
		text-decoration:none;
	}

a.white {}
	a.white:link {
		color:#fff;
		text-decoration:none;
	}
	a.white:visited {
		color:#fff;
		text-decoration:none;
	}
	a.white:hover {
		color:#993333;/* StilettoRed */
		background-color:#ffcc33;
		text-decoration:none;
	}
	a.white:active {
		color:#993333;/* StilettoRed */
		background-color:#ffcc33;/* SunglowYellow */
		text-decoration:none;
	}

a.tops {}
	a.tops:link,
	a.tops:visited {
		color:#ccccff;/* Periwinkle */
		text-decoration:none;
		font-weight:700;
	}
	a.tops:hover,
	a.tops:active {
		color:#993333;/* StilettoRed */
		background-color:#cfc890;/* YumaBrown */
		text-decoration:none;
		font-weight:700;
}

a.red {}
	a.red:link,
	a.red:visited {
		color:#993333;/* StilettoRed */
		text-decoration:none;
		font-weight:700;
	}
	a.red:hover,
	a.red:active {
		color:#993333;/* StilettoRed */
		background-color:#cfc890;/* YumaBrown */
		text-decoration:none;
		font-weight:700;
	}

a.nav2 {}
	a.nav2:link,
	a.nav2:visited {
		color:#cccc99;/* GoldMuted */
		text-decoration:none;
		font-weight:700;
		font-size:13px;
	}
	a.nav2:hover,
	a.nav2:active {
		color:#993333;/* StilettoRed */
		background-color:#cfc890;/* YumaBrown */
		text-decoration:none;
		font-weight:700;
		font-size:13px;
	}

.nav {}
	a.nav {}
		a.nav:link,
		a.nav:visited {
			color:#cccc99;/* GoldMuted */
			text-decoration:none;
		}
		a.nav:hover {
			color:#ff0000;/* BrightRed */
			background-color:#cfc890;/* YumaBrown */
			text-decoration:none;
		}
		a.nav:active {
			color:#ff00ff;/* BrightRed */
			text-decoration:underline;
		}

	td.nav {
		color:#cccc99;/* GoldMuted */
		text-decoration:none;
		font-size:13px;
		font-weight:700;
	}

p.topic {
	color:#000;
	font-size:125%;
}

#message2 div.menuBar2,
#message2 div.menuBar2 a.menuButton2 {
	font-size:12px;
	color:#000;
	font-weight:700;
}

#message2 div.menuBar2 {
	padding:3px 0 0 0;
	text-align:center;
	margin-left:0;
}

#message2 div.menuBar2 a.menuButton2 {
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	color:#000;
	background-color:transparent;
	border:1px solid;
	border-color:#6699cc #6699cc #6699cc #6699cc;/* Azure */
	left:0;
	margin:0;
	padding:2px 6px 2px 6px;
	top:0;
}
	#message2 div.menuBar2 a.menuButton2:hover {
		font-size:12px;
		font-weight:700;
		color:#993333;/* StilettoRed */
		background:#cfc890;/* YumaBrown */
		border:1px solid;
		border-color:#909090 #f0f0f0 #f0f0f0 #909090;
	}

/* END OUTSIDE OF HEADER========== */


/* ==========NOT YET USED • DROPDOWN MENU classes • for use with moviereviewheader.js======= */

/*

#moviesbyyear {}

.dropdown {
	position:relative;
	display:inline-block;
}
.dropdown-content {
	display:none;
	z-index:999;
	position:absolute;
	height:300px;
	overflow:auto;
	min-width:80px;
	background-color:#728782;
	padding:4px 0;
	border:solid 1px #ddd;
	border:solid 1px rgba(0,0,0,.2);
	box-shadow:0 5px 10px rgba(0,0,0,.2);
	margin:0;
}
.dropdown:hover .dropdown-content {
	display:block;
}
*/

/* ==========END dropdown menu========== */

/* OLD

csHdrAlphabetLinks {}
	#csHdrAlphabetLinks a {
		margin-right:9px;
		font-size:13px;
		font-weight:700;
		padding:0; 
		text-decoration:none;
	}
	#csHdrAlphabetLinks a:link {
			color:#cccc99;
		}
	#csHdrAlphabetLinks a:visited {
			color:#cccc99;
		}
	#csHdrAlphabetLinks a:hover {
			padding:6px 1px;
			font-weight:700;
			color:#660000 !important;
			background-image:url('/sharedimages/bkd-goldgradient2.gif') !important;
			background-color:#cccc99 !important;
			border-radius:4px;
			border-style:outset;
			border-width:2px;
			border-top-color:#fff;
			border-left-color:#fff;
		}
	#csHdrAlphabetLinks a:active {
			color:#fff;
		}
*/

/*