/* the overlayed element */
.overlayContainer {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:300;
	/* styling */
	min-height:200px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	width: 768px;
	height:500px;
	overflow: visible !important;
	background-color: #E9EFF9;
	border: 3px solid #FFE0A2;
	color:#888;
}
.overlayContainer h2 {
	border-bottom: 1px solid #CCC;
	margin:auto 35px;
}

/* close button positioned on upper right corner */
.overlayContainer .close {
	background-image:url(../_images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.overlayContainer .overlayContent {
	margin: 20px 35px;
	overflow:auto !important;
	height: 420px;
	padding-right: 20px;
	font-size:.95em;
	background-color: #f8f8f8;
	z-index:400;
	}
	
.overlayContainer .overlayContent h2 {
	border-bottom: none;
	margin:0;
	font-size:1.15em !important;
	
}
.overlayContainer .overlayContent p {
	line-height:1.3em;
	}
.overlayContainer .overlayContent li {
	padding-bottom:1em;	}
.overlayContainer .overlayContent blockquote {
    font-size: .9em; 
    font-style:italic; 
    letter-spacing:.07em; 
    font-family: Georgia, "Times New Roman", Serif; 
    width: 450px; 
    margin-left: 40px; 
    padding:5px 25px 10px 15px; 
    background-color: #f2f2f2; 
    color:#888; 
    -moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
}

.overlayContainer .overlayContent blockquote:before { 
    content: open-quote; 
    font: 32px Georgia, "Times New Roman", Times, serif; 
    color: #CCC; 
    height: 0px; 
    display: block; 
    margin-left: -5px;
}

.overlayContainer .overlayContent blockquote:after { 
    content: close-quote; 
    height: 20px; 
    font: 32px Georgia, "Times New Roman", Times, serif; 
    color: #ccc; 
    display: block; 
    margin-top: -24px; 
    margin-left: 454px; 
}