@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 5.3.2020 pst
	
	➤cleanup needed
 */

/* ========== cdMovieHeader.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;/* muted gold */
		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========== */
#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;/* very light gold */
		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;
		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;/* very light gray */
		-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 FORM========== */

#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;
	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;
	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 {
		color:#000099;/* blue */
	}
	.spotbetter a:visited {
		color:#000099;/* blue */
	}
	.spotbetter a:hover {
		color:#fff;
		background:url('https://ChristianAnswers.Net/spotlight/bkd-redstripe.gif') #660033 repeat;
		font-weight:700;
		padding:3px;
	}
	.spotbetter a:active {
		color:#993333;/* StilettoRed */
		background-color:#ffcc33;/* orange */
	}

.one a {
	font-size:12px;
	text-decoration:none;
}
	.one a:link {
		color:#000099;/* blue */
	}
	.one a:visited {
		color:#000099;/* blue */
	}
	.one a:hover {
		color:#fff;
		background:url('https://ChristianAnswers.Net/spotlight/bkd-redstripe.gif') #660033 repeat;/* dark red */
		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 { /* not used in moviereviewheader.js */
		color:#cccc99;/* GoldMuted */
		text-decoration:none;
		font-weight:normal;
	}
	a.trinitylite:visited { /* not used in moviereviewheader.js */
		color:#cccc99;/* GoldMuted */
		text-decoration:none;
		font-weight:normal;
	}
	a.trinitylite:hover { /* not used in moviereviewheader.js */
		color:#993333;/* StilettoRed */
		background-color:#cfc890;
		text-decoration:none;
		font-weight:normal;
	}
	a.trinity:active { /* not used in moviereviewheader.js */
		color:#993333;/* StilettoRed */
		background-color:#cfc890;
		text-decoration:none;
		font-weight:normal;
	}

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

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

div.divline {
	background-color:#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 {
		color:#990000;
		text-decoration:none;
	}
	a:visited {
		color:#990000;
		text-decoration:none;
	}
	a:active {
		color:#993333;/* StilettoRed */
		background-color:#ffcc33;
		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;
		text-decoration:underline;
		font-weight:700;
		font-size:100%;
	}
	a.oscarwinner:active {
		color:#996600;
		background:none;
		text-decoration:none;
		font-weight:700;
		font-size:100%;
	}

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

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

a.indxtitle {}
	a.indxtitle:link {
		color:#ff6600;
		background:none;
		font-size:115%;
		font-weight:700;
		text-decoration:none;
	}
	a.indxtitle:visited {
		color:#006666;
		background:none;
		font-size:115%;
		font-weight:700;
		text-decoration:none;
	}
	a.indxtitle:active {
		color:#cc0066;
		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;
		text-decoration:none;
	}

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

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

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


.nav {}
	a.nav {}
		a.nav:link {
			color:#cccc99;/* GoldMuted */
			text-decoration:none;
		}
		a.nav:visited {
			color:#cccc99;/* GoldMuted */
			text-decoration:none;
		}
		a.nav:hover {
			color:#ff0000;
			background-color:#cfc890;
			text-decoration:none;
		}
		a.nav:active {
			color:#ff00ff;
			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;
	left:0;
	margin:0;
	padding:2px 6px 2px 6px;
	top:0;
}
	#message2 div.menuBar2 a.menuButton2:hover {
		font-size:12px;
		color:#993333;/* StilettoRed */
		font-weight:700;
		background-color:#cfc890;
		border:1px solid;
		border-color:#909090 #f0f0f0 #f0f0f0 #909090;
	}


/* ? REMOVE catalog code */
/* ==========below for CATALOG ITEM INSERTS only========== */
div.catauthor {
	font-style:italic;
	font-size:small;
	margin-bottom:10px;
}
div.catindxdesc {
	font-size:13px;
}
div.catindxpriceline {
	margin-top:10px;
	font-size:80%;
}
.catprice {
	color:#3366cc;
	font-size:16px;
	font-weight:700;
}
span.cents {
	text-decoration:underline;
	vertical-align:super;
	font-size:50%;
}
input.catcartad {
	width:108px;
	height:19px;
	margin:3px 0 5px 20px;
}
a.indxtitle:link {}
	a.indxtitle:link {
		color:#ff6600;
		font-size:14pt;
		font-weight:700;
		text-decoration:none;
		background:none;
		margin-right:10px;
	}
	a.indxtitle:visited {
		color:#006666;
		font-size:14pt;
		font-weight:700;
		text-decoration:none;
		background:none;
		margin-right:10px;
	}
	a.indxtitle:active {
		color:#cc0066;
		background:none;
		font-size:14pt;
		font-weight:700;
		text-decoration:none;
		margin-right:10px;
	}

	a.indxtitle:hover {
		color:#fff;
		background-color:#610000;/* Rosewood */
	}
/* ==========END for catalog item inserts========== */


/* ==========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;
		}
*/

/*

body,
p,
h1,
h2,
h3,
h4,
a,
td,
li,
div,
input {
	font-family:'Open Sans',Arial,Helvetica,Swiss,Geneva,sans-serif;
}

body {
	margin:0;
	padding:0;
	color:#000;
	font-size:13px;
	font-style:normal;
}

tr,
td {
	font-style:normal;
	font-size:14px;
}

*/