/* use this to change the background image covering the entire page under the modalDiv*/
#modalDiv
{
	background-image:url(images/bibleOverlay_screen.png);
}
/* width, height, top, left is controlled from the script
 * the only practical css setting is font and border
 */
#modalWindow{
	border:1px solid black;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* you can change the colors,background, padding, height and font */
#modalHeader{
	background-image:url(images/modalDivHeaderWood.png);
	background-repeat:no-repeat;
	height:30px;
}
/*you can change the colors,background, padding and font*/
#modalContent{
	background-color:white;
	background-repeat:no-repeat;
	background-image:url(images/bibleOverlay_bg.png);
	padding-top:30px;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:10px;
}
/*you can change the colors,background, padding, height and font*/
/*Specifying a footer height is suggested to avoid cross-browser bugs with pixel rounding*/
#modalFooter{
	background-color:white;
	padding:5px;
	height:25px;
}

.biblePrev{
	width:79px;
	height:19px;
	background-color: transparent;
	background-image:url(images/btn_biblePreviousPage.png);
	background-repeat: no-repeat;
	border:none;
	cursor:pointer;
	margin-right:25px;
}
.bibleNext{
	width:61px;
	height:19px;
	background-color: transparent;
	background-image:url(images/btn_bibleNextPage.png);
	background-repeat: no-repeat;
	border:none;
	cursor:pointer;
}
.bibleClose{
	position:absolute;
	top:7px;
	right:7px;
	width:106px;
	height:19px;
	background-color: transparent;
	background-image:url(images/btn_bibleClose.png);
	background-repeat: no-repeat;
	border:none;
	cursor:pointer;
}
#modalHeader .biblePrev{
	margin-top:7px;
	margin-left:7px;
}
#modalHeader .bibleNext{
	margin-top:7px;
}
#bibleGo{
	width:23px;
	height:19px;
	background-color:transparent;
	background-image:url(images/btn_bibleGo.png);
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
	margin-left:10px;
}
#biblePassageLookup{
	display:inline;
	margin-left:20px;
	font-family:"Trebuchet MS",Trebuchet,Helvetica,Verdana,Arial,sans-serif;
	color:white;
	font-size:12px;
	width:325px;
	height:19px;
}
#passage{
	width: 100px;
	height: 15px;
	font-family: "Trebuchet MS",Trebuchet,Helvetica,Verdana,Arial,sans-serif;
	font-size: 10px;
	color: #333333;
	border:1px solid black;
}
#popupDiv{
	border: 30px solid #281e13;
	background-color:#f3eddd;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	z-index:1002;
	padding-top:42px;
	padding: 42px 20px 30px 20px;
	overflow:hidden;
}
#popupDiv a,#popupDiv a:visited{
	color:#991717;
}
#popupDiv a:hover{
	color:#000000;
}
#popClose{
	position:absolute;
	display:block;
	right:70px;
	top:0px;
	width:67px;
	height:42px;
	cursor:pointer;
}
#showPopDescription{
	position:absolute;
	display:block;
	right:150px;
	top:0px;
	width:67px;
	height:42px;
	cursor:pointer;
}
#popupModal{
	background-image:url(images/bibleOverlay_screen.png);
}
#popContent{
	height:100%;
	left:0px;
	overflow:hidden;
	padding:1em;
	position:relative;
	right:0px;
	top:0px;
}
#popContent > img{
	position:relative;
}