/* @group overlay */

/**/

div#overlay div#color {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 200;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}
div.modal div.color {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 200;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

/**/

/*IE6 and below can't see this*/
div#overlay div#color[id] {
	position: fixed;
}
div.modal div.color[id] {
	position: fixed;
}

/**/
div#overlay div#image {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 300;
	top: 0;
	left: 0;
	text-align: center;
	padding-top: 20%;
}
div.modal div.image,
div.modal div.content {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 300;
	top: 0;
	left: 0;
	text-align: center;
	padding-top: 20%;
}

/**/
/*IE6 and below can't see this*/
div#overlay div#image[id] {
	position: fixed;
}
div.modal div.image[id],
div.modal div.content[id] {
	position: fixed;
}

/**/
div#overlay div#image p {
	margin: .75em 30%;
	padding: .75em 10px;
	border-top: 1px solid rgb(230,230,230);
	border-bottom: 1px solid rgb(230,230,230);
	background: rgb(241,245,250);
	font-size: 1.3333em;
	font-family: Georgia, Palatino, 'Times New Roman', times, serif;
}


div.modal_outer {
	background: transparent url(/images/one_book_middle_bkgd.png) repeat-y center top;
}
div.modal_middle {
	background: transparent url(/images/one_book_top_bkgd.png) no-repeat center top;
}
div.modal_inner {
	background: transparent url(/images/one_book_bottom_bkgd.gif) no-repeat center bottom;
	padding: 3em 110px 3em 120px;
}
div.modal p.input_group {
	font-size: 1.25em;
	margin: .75em 0;
}

	/* @end overlay */