@charset "UTF-8";
/*
OLD phase-out
Christian Spotlight © Films for Christ (Christian Answers)
used on almost all /spotlight/* pages, except /spotlight/games/
used by moviereviewheader.js and footer .js
Last edit 7.7.2025 pst

	►cleanup needed
*/

@media screen {

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;
}


/* ==========IDs========== */
#moviesbyyear {}/* see .dropdown below */

#headerbox {
	position:relative;
	background-color:#000;
}
	#headerbox .menuBar {}

#spotlightbanner {
	float:left;
	width:280px;
	margin-bottom:2px;
}
	#spotlightbanner img {
		width:265px;
		height:120px;
	}
	#spotlightbanner a:hover {
		background-color:#000;
		background-image:none;
	}

/* SEARCH========== */
form#searchSpotlight {
	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;
		border-radius:5px 0 0 5px;
		outline:none;
		color:#000;
	}
	#searchSpotlight .searchTerm:focus {
		color:#000;
	}
	#searchSpotlight .searchButton {
		width:40px;
		height:30px;
		border:none;
		color:#fff !important;
		text-align:center;
		border-radius:0 5px 5px 0;
		cursor:pointer;
		font-size:20px;
	}
	#searchSpotlight .searchButton,
	#button li a:hover {
		background:#f5df4d;/* IlluminatingYellow */
	}
	#searchSpotlight .searchButton div {
		padding:3px !important;
	}
	#searchSpotlight .searchButton div img {
		height:20px;
	}

form.zoom_searchform {/* phase-out */
	margin:0;
}
	fieldset {
		border:none;
		padding:0;
		margin:0;
	}
	input.zoom_searchbox {
		width:300px;
		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;
		/*
		-webkit-transition:width 0.4s ease-in-out;
		transition:width 0.4s ease-in-out;
		*/
	}
	/*
	input.zoom_searchbox:focus {
		width:80%;
	}
	*/
	.zoom_searchform input[type="submit"] {
		color:#cccc99; /* muted gold */
		background:#660000;
		font-size:14px;
		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;
	}
	.zoom_searchform input[type="submit"]:hover, 
	.zoom_searchform input[type="submit"]:active {
		cursor:pointer;
		color:#993333; /* muted red */
		background-color:#cccc99; /* muted gold */
		background-image:url('/sharedimages/bkd-goldgradient2.gif');
		border-style:outset;
		border-color:#fff #000 #000 #fff;
	}
	.zoom_searchform input[type="submit"]:active {
		background:#eeeeee; /* 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========== */

.redstripe { /* dark red gradients */
	clear:both;
	width:100%;
	height:25px;
	color:#cccc99; /* muted gold */
	text-align:center;
	padding:5px 0;
	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 */
}

.comingsoon {
	width:100%;
	font-size:125%;
	font-weight:700;
	color:#ffcc00; /* orange */
	background:url('/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('/spotlight/bkd-redstripe.gif') #660033 repeat;
		font-weight:700;
		padding:3px;
	}
	.spotbetter a:active {
		color:#993333; /* muted red */
		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('/spotlight/bkd-redstripe.gif') #660033 repeat; /* dark red */
		font-weight:700;
		padding:3px;
	}
	.one a:active {
		color:#993333;
		background-color:#ffcc33; /* orange */
	}

div.spothdlinks {
	float:left;
	background-color:#000;
}

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

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


div.menuBar {
	max-width:850px; /* prevents incorrect centering on pages with pagewrappers exceeding 850px */
}
	div.menuBar a,
	#hdrmoralratinglinks a {
		font-size:12px;
		font-weight:700;
		line-height:150%;
		text-decoration:none;
		padding:0 6px;
		border-radius:5px;
	}
		div.menuBar a:link,
		#hdrmoralratinglinks a:link {
			color:#cccc99; /* muted gold */
		}
		div.menuBar a:visited,
		#hdrmoralratinglinks a:visited {
			color:#cccc99; /* muted gold */
		}
		div.menuBar a:hover,
		#hdrmoralratinglinks a:hover {
			color:#993333 !important;
			background-image:url('/sharedimages/bkd-goldgradient2.gif') !important;
			background-color:#cccc99 !important; /* muted gold */
			border-style:outset;
			border-width:2px;
			border-top-color:#fff;
			border-left-color:#fff;
			padding:5px;
		}
		div.menuBar a:active,
		#hdrmoralratinglinks a:active {
			color:#cccc99; /* muted gold */
			background:none;
		}

a.trinitylite {}
	a.trinitylite:link { /* not used in moviereviewheader.js */
		color:#cccc99; /* muted gold */
		text-decoration:none;
		font-weight:normal;
	}
	a.trinitylite:visited { /* not used in moviereviewheader.js */
		color:#cccc99; /* muted gold */
		text-decoration:none;
		font-weight:normal;
	}
	a.trinitylite:hover { /* not used in moviereviewheader.js */
		color:#993333;
		background-color:#cfc890;
		text-decoration:none;
		font-weight:normal;
	}
	a.trinity:active { /* not used in moviereviewheader.js */
		color:#993333;
		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; /* muted gold */
	color:#cccc99; /* muted gold */
	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;
		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; /* muted gold */
	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('/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('/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;
		background:none;
		text-decoration:none;
		font-weight:700;
		font-size:100%;
	}
	a.oscarwinner:visited {
		color:#993333;
		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;
		background-color:#ffcc33;
		text-decoration:none;
	}
	a.white:active {
		color:#993333;
		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;
		background-color:#cfc890;
		text-decoration:none;
		font-weight:700;
	}
	a.tops:active {
		color:#993333;
		background-color:#cfc890;
		text-decoration:none;
		font-weight:700;
	}

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

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


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

	td.nav {
		color:#cccc99; /* muted gold */
		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;
		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========== */


/* ==========DROPDOWN MENU classes • for use with moviereviewheader.js======= */
.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; /* Stormcloud */
	padding:4px 0;
	border:solid 1px #ddd; /* blue */
	border:solid 1px rgba(0,0,0,.2); /* gray */
	box-shadow:0 5px 10px rgba(0,0,0,.2); /* gray */
	margin:0;
}
.dropdown:hover .dropdown-content {
	display:block;
}
/* ==========END dropdown menu========== */

} /* end default media screen */