@charset "UTF-8";

/* ChristianAnswers.Net shared CSS */
/* Copyright © 2013, 2014, 2015, 2016, Films for Christ */
/* last updated 1.5.2016. */

@media screen { 

.shadowtext { 
	text-shadow:4px 3px 3px #000000 }

/* for fundraising campaign banner */
 /*.ui-widget { position:absolute; bottom:0 } */
.cookie-message {
	position:fixed;
	top:0; 
	left:0; 
	right:0;
	padding:0 85px 0 20px;
	background:#fff;
	border-bottom:1px solid #ccc;
	box-shadow:0px 0px 3px #ccc;
	z-index:99 }
.cookie-message a { /* for X close button */
	position:absolute;
	top:0; 
	*top:-2px; 
	right:20px;
	cursor:pointer }
.cookie-message p, .cookie-message a { 
	color:#333;
	font:bold 14px/18px Arial;
	margin:0.6em 0;
	line-height:150% }
.cookie-message tr, .cookie-message td { 
	font-family:Verdana,Times,Arial,Helvetica,sans-serif; 
	font-style:normal }
.campaignheaderyellow { 
	background-color:#FFCC33 }
.campaignheaderblue { 
	border-bottom:1px solid #0E83AE;
	background-color:#0990c3;
	background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e83ae), color-stop(50%, #0990c3), color-stop(100%, #0e9dd2));
	background:-webkit-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
	background:-moz-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
	background:-o-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
	background:-ms-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
	background:linear-gradient(#0e83ae, #0990c3, #0e9dd2) }
.campaignheaderblue p, .campaignheaderblue a { 
	color:#ffffff }
.hiddentext { 
	display:none }
.ui-widget:hover .hiddentext { 
	display:block; 
	background-color:#FFFFCC; 
	padding:5px 40px 5px 20px }
.ui-widget:hover .hiddentext a:link { 
	text-decoration:underline }
/* END fundraising campaign banner */

/* ChristianAnswers navigation bar */
#cannavbar { 
	display:block; 
	width:100%; 
	height:12px; 
	margin:0; 
	padding:0; 
	background-image:url('http://ChristianAnswers.Net/dictionary/bg-gold.gif'); 
	background-color:#dede7b }
.cantopbar { /* OLD no longer used on can.net site */
	display:block; 
	width:100%; 
	height:12px; 
	margin:0; 
	padding:0; 
	background-image:url('http://ChristianAnswers.Net/dictionary/bg-gold.gif'); 
	background-color:#dede7b }
#cantopbarleft { 
	width:278px; 
	height:12px; 
	border:none }
#cantopbarright { 
	width:298px; 
	height:12px; 
	border:none }
/* END ChristianAnswers navigation bar */

input.zoom_searchbox { 
	height:24px; 
	width:137px; 
	border:1px solid #D9D9D9; 
	box-shadow:0; 
	-webkit-appearance:none }
input.zoom_searchbutton { 
	border:none;
	box-shadow:none }

.textshadowAlpha { 
	text-shadow:4px 3px 3px #B5B5B5 }

/* column balance */
.colbal2 { 
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2; /* CSS3 not supported by all browsers */
	-webkit-column-width:45%; 
	-moz-column-width:45%; 
	column-width:45%; 
	-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 }
.colbal3 { 
	-webkit-column-count:3; /* Chrome, Safari, Opera */
	-moz-column-count:3; /* Firefox */
	column-count:3; /* CSS3 not supported by all browsers */
	-webkit-column-width:28%; 
	-moz-column-width:28%; 
	column-width:28%; 
	-webkit-column-gap:40px; 
	-moz-column-gap:40px; 
	column-gap:40px }
.colbal4 { 
	-webkit-column-count:4; /* Chrome, Safari, Opera */
	-moz-column-count:4; /* Firefox */
	column-count:4; /* CSS3 not supported by all browsers */
	-webkit-column-width:25%; 
	-moz-column-width:25%; 
	column-width:25%; 
	-webkit-column-gap:20px; 
	-moz-column-gap:20px; 
	column-gap:20px }
.colbal5 { 
	-webkit-column-count:5; /* Chrome, Safari, Opera */
	-moz-column-count:5; /* Firefox */
	column-count:5; /* CSS3 not supported by all browsers */
	-webkit-column-width:20%; 
	-moz-column-width:20%; 
	column-width:20%; 
	-webkit-column-gap:20px; 
	-moz-column-gap:20px; 
	column-gap:20px }
/* END column balance */

.shadow {
	position:relative;
	box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80) }

.roundedcorners { 
	border-radius:15px; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px }
.roundedtop { 
	border-top-left-radius:15px; 
	border-top-right-radius:15px; 
	-moz-border-radius-topleft:15px; 
	-moz-border-radius-topright:15px; 
	-webkit-border-top-left-radius:15px; 
	-webkit-border-top-right-radius:15px }
.roundedbottom { 
	border-bottom-left-radius:15px; 
	border-bottom-right-radius:15px; 
	-moz-border-radius-bottomleft:15px; 
	-moz-border-radius-bottomright:15px; 
	-webkit-border-bottom-left-radius:15px; 
	-webkit-border-bottom-right-radius:15px }

.clearleft { 
	clear:left }
.clear { 
	clear:both }

.oursitebuttons { 
	width:125px; 
	height:50px }
#hopebuttonone { 
	width:150px; 
	height:77px }

/* toggle hide text or object */
.moretrigger {
	color:#cc0066; 
	text-decoration:underline; 
	cursor:pointer }
.togglecontainer { }
/* end toggle */

div.linespace150 p { 
	line-height:150% }

.center { 
	text-align:center }
.right { 
	text-align:right }
.italic { 
	font-style:italic }
.bold { 
	font-weight:bold }
.underline { 
	text-decoration:underline }
.boldunderline { 
	font-weight:bold; 
	text-decoration:underline }

sup, 
sub { 
	line-height:1px;
	vertical-align:baseline;
	_vertical-align:bottom;
	position:relative }
sup {
	font-size:xx-small; 
	bottom:1ex}
sub {
	font-size:xx-small; 
	top:.5ex }


/* for CAN search engine results: highlights keyword in document and certain other pages */
.highlight { 
	background-color:#FFFF99; 
	background-image:none }

ul.bulleta li { 
	list-style-image:url('http://ChristianAnswers.Net/a.gif'); 
	margin-bottom:2%; 
	line-height:150% }

ul.orangebullet li { 
	list-style-image:url('http://ChristianAnswers.Net/bullet-lightbrown.gif'); 
	margin-bottom:2% }

hr { 
	border:1px solid #cccccc }

div.caption { 
	font-size:9pt; 
	line-height:150%;  
	margin:10px 0 15px 0; 
	color:#666666 }

a img { 
	border:none }

.imgleft { 
	float:left; 
	margin:0 15px 10px 0 }
.imgright { 
	float:right; 
	margin:0 0 15px 10px }

img.goldbar { 
	height:9px; 
	width:100%; 
	margin:0; 
	padding:0 }
img.thumbnailcan { 
	width:70px; 
	height:50px }
img.zoomin { 
	float:left; 
	margin-right:10px; 
	width:35px; 
	height:39px }
img.captioned {
	margin-bottom:5px }
img.validcss { 
	width:88px; 
	height:31px; 
	border:none }
img.validxhtml-1trans { 
	width:88px; 
	height:31px; 
	border:none }

#img { 
	height:31px; 
	width:88px }


/* ==========begin photo drop shadows OUTDATED========== */
img.shadowedpic { 
	padding:0 5px 7px 0 }

div.shadow3, div.shadow3 div, div.shadow3 div div {
	display:block }
div.shadow3 {
	float:left;
	background:url('/sharedimages/shadows/shadow.gif') right bottom no-repeat }
div.shadow3 div {
	background:url('/sharedimages/shadows/corner_bl.gif') -16px 100% no-repeat }
div.shadow3 div div {
	padding:0 6px 8px 0;
	background:url('/sharedimages/shadows/corner_tr.gif') 100% -16px no-repeat	}
div.shadow3 div div img {
	display:block }

div.shadowleft, div.shadowleft div, div.shadowleft div div {
	display:block }
div.shadowleft {
	float:left;
	background:url('/sharedimages/shadows/shadow.gif') right bottom no-repeat }
div.shadowleft div {
	background:url('/sharedimages/shadows/corner_bl.gif') -16px 100% no-repeat }
div.shadowleft div div {
	padding:0 6px 8px 0;
	background:url('/sharedimages/shadows/corner_tr.gif') 100% -16px no-repeat	}
div.shadowleft div div img {
	display:block }

div.shadowright, div.shadowright div, div.shadowright div div {
	display:block }
div.shadowright {
	float:right; 
	margin-left:15px; 
	background:url('/sharedimages/shadows/shadow.gif') right bottom no-repeat }
div.shadowright div {
	background:url('/sharedimages/shadows/corner_bl.gif') -16px 100% no-repeat }
div.shadowright div div {
	padding:0 6px 8px 0;
	background:url('/sharedimages/shadows/corner_tr.gif') 100% -16px no-repeat	}
div.shadowright div div img {
	display:block }

img.spacer206 { 
	width:206px; 
	height:10px }
/* ==========end photo drop shadows========== */

/* NOTE: Do not use position=absolute for wrappers, because it takes content out of the document flow, meaning the HTML/BODY elements will not extend to include it and some of the content may be clipped and not print, esp. in Firefox. */
.pagewrapper { 
	position:relative; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper576 { 
	position:relative; 
	width:576px; 
	margin:0 0 25px -288px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper594 { 
	position:relative; 
	width:594px; 
	margin-left:-297px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper600 { 
	position:relative; 
	width:600px; 
	margin-left:-300px; 
	left:50%; 
	visibility:visible }
.pagewrapper640 { 
	position:relative; 
	width:640px; 
	margin-left:-320px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper670 { 
	position:relative; 
	width:670px; 
	margin-left:-335px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper700 { 
	position:relative; 
	width:700px; 
	margin-left:-350px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper716 { 
	position:relative; 
	width:716px; 
	margin-left:-358px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper720 { 
	position:relative; 
	width:720px; 
	margin-left:-360px; 
	left:50%; 
	top:0; 
	visibility:visible }
.pagewrapper750 { 
	position:relative; 
	width:750px; 
	margin-left:-375px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper760 { 
	position:relative; 
	width:760px; 
	margin-left:-380px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper800 { 
	position:relative; 
	width:800px; 
	margin-left:-400px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper850 { 
	position:relative; 
	width:850px; 
	margin-left:-425px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapper960 { 
	position:relative; 
	width:960px; 
	margin-left:-480px; 
	left:50%; 
	top:10px; 
	visibility:visible }
.pagewrapperhope { 
	position:relative; 
	width:720px; 
	margin-left:-360px; 
	left:50%; 
	top:0; 
	visibility:visible }

body.bkd1 { 
	background-color:#003399; 
	background-image:url('http://ChristianAnswers.Net/bkd-bluelines.gif') }
body { 
	margin:0 }

/* LISTS */

/* in balanced columns, make list elements flow gracefully, without orphaned words or lines */
li { 
	-webkit-column-break-inside:avoid; /* Chrome, Safari, Opera */
	page-break-inside:avoid; /* Firefox */
	break-inside:avoid; /* IE 10+ */ }

#button { 
	width:100%; 
	border-right:0px solid #000000; 
	padding:0 0 1em 0; 
	margin-bottom:1em }
#button ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
	border:none }
#button li.listcategory	{ 
	color:#ffffff; 
	font-size:100%; 
	font-weight:bold; 
	background-image:url('http://ChristianAnswers.Net/bkd-blue1.gif'); 
	padding:3px 3px 3px 0.5em }
#button li { 
	list-style:none; 
	border-bottom:1px solid #90bade;
	margin:0 }
#button li a { 
	color:#000000; 
	background-color:#E6EAFF; 
	background-image:none; 
	font-size:11px; 
	font-weight:bold; 
	display:block; 
	padding:3px 3px 3px 0.5em; 
	border-left:10px solid #E6EAFF; 
	border-right:10px solid #E6EAFF; 
	text-decoration:none; width:100% }
#button li a:hover { 
	color:#ffffff; 
	background-color:#6699CC; 
	background-image:url('http://ChristianAnswers.Net/bkd-blue1.gif'); 
	border-left:10px solid #EFC210; 
	border-right:10px solid #FFFFFF }
html>body #button li a { 
	width:auto }
/* END LISTS */

div.idx-bkd1 { 
	background-image:url('http://ChristianAnswers.Net/bkd-blue1.gif'); 
	background-color:#6699CC; 
	vertical-align:middle; 
	text-align:center; 
	margin-bottom:1px; 
	padding:0 0 3px 0 }
div.nav3 { 
	font-family:Arial, Helvetica, Geneva, Swiss, sans-serif; 
	font-style:normal; 
	color:white; 
	font-size:11px; 
	font-weight:bold; 
	background-image:url('http://ChristianAnswers.Net/bkd-blue1.gif'); 
	background-color:#009999; 
	vertical-align:middle; 
	padding:2px }
/* end index bars */

span.cents { 
	text-decoration:underline; 
	vertical-align:super; 
	font-size:50% }

#invisible { 
	visibility:hidden }
.invisible { 
	visibility:hidden }

span.bigcap { 
	font-family:"Times New Roman", Times, serif; 
	font-weight:bold; 
	color:#666699; 
	font-size:370%; 
	float:left; 
	line-height:0.8em; 
	padding:0 2px 0 0; 
	position:relative; 
	left:-3px }

span.dropcap { 
	font-size:350%;
	float:left; 
	line-height:0.8em;
	padding:0 2px 0 0; 
	font-family:Serif; 
	font-weight:bold;
	position:relative;
	left:-3px }

.smalltext { 
	font-size:85% }
.smallertext { 
	font-size:70% }

.languages { 
	font-size:75%; 
	text-align:right; 
	padding-left:2% }

//* ==========for catalog product inserts only========== */
#spotcat { }
div.catauthor { 
	font-style:italic; 
	font-size:small; 
	margin-bottom:10px }
div.catindxdesc { 
	font-size:10pt }
div.catindxpriceline { 
	margin-top:10px; 
	font-size:80% }
.catprice { 
	color:#3366cc; 
	font-size:12pt; 
	font-weight:bold }
.catpricestrikeout { 
	color:#000000; 
	font-size:12pt; 
	font-weight:normal; 
	text-decoration:line-through }
.specialprice { 
	font-size:14pt; 
	font-weight:bold; 
	color:#D9A62D }
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 { 
	color:#ff6600; 
	text-decoration:none; 
	font-size:14pt; 
	font-weight:bold; 
	margin-right:10px }
a.indxtitle:visited { 
	color:#006666; 
	text-decoration:none; 
	margin-right:10px }
a.indxtitle:active	{ 
	color:#cc0066; 
	text-decoration:none; 
	margin-right:10px }
/* a.indxtitle:hover { 
	color:#cc0066; 
	display:block; 
	background-image:url('/sharedimages/bkd-goldgradient200h.gif'); 
	background-color:#cccc99; margin-right:10px } */
img.catdvd32 { 
	vertical-align:top }
img.catcc { 
	vertical-align:top }
input.purchasegraphic { 
	margin:0 0 0 10px; 
	width:78px; 
	height:22px }
/* ==========end catalog product inserts========== */

}

@media print { 
.cannavbar { 
	display:none }
#cantopbarleft { 
	display:none }
#cantopbar { 
	display:none }
#validxhtml { 
	display:none }
.ui-widget { 
	display:none }
#invisible { 
	visibility:hidden }
.invisible { 
	visibility:hidden }
h1, h2, h3 { 
	page-break-after:avoid }
img { 
	page-break-inside:avoid }
.imgleft { 
	float:left; 
	margin:0 15px 10px 0 }
.imgright { 
	float:right; 
	margin:0 0 15px 10px }
.highlight { 
	background-color:none; 
	background-image:none }
}