/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display: none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#FEFEFE;

     padding: 10px;
	border:1px solid #666;
	position: relative;
	/* CSS3 styling for latest browsers
	/* these work in modern browsers
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px 5px #000;*/
	/*	I was having trouble getting the shadow to work with IE at all so I just
	*	commented out the newer style css and did it with image sprites.  The
	*	images method adds a lot of extraneous markup to your page which some
	*	people may not like, but it works in IE7 + and Firefox.  I haven't checked
	*	in chrome or safari though.  Anyway, if you want to try to get IE native
	*	drop shadows working on the popup, these next two lines are supposed to
	*	do it, but then don't seem to work */
	/* For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='magenta')"; */
	/* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='magenta');*/
}
.simple_overlay .top-left,
.simple_overlay .top-right,
.simple_overlay .bottom-left,
.simple_overlay .bottom-right {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
}
.simple_overlay .top-left {
	left: -20px;
	top: -20px;
	background: url('fancy_shadow_nw.png') 0 0 no-repeat;
}
.simple_overlay .top-right {
	right: -20px;
	top: -20px;
	background: url('fancy_shadow_ne.png') 0 0 no-repeat;
}
.simple_overlay .bottom-left {
	left: -20px;
	bottom: -20px;
	background: url('fancy_shadow_sw.png') 0 0 no-repeat;
}
.simple_overlay .bottom-right {
	right: -20px;
	bottom: -20px;
	background: url('fancy_shadow_se.png') 0 0 no-repeat;
}
.simple_overlay .top-stretch,
.simple_overlay .bottom-stretch{
	height: 20px;
	display: block;
	position: absolute;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
.simple_overlay .top-stretch {
	top: -20px;
	background: url('fancy_shadow_n.png') 0 0 repeat-x;
}
.simple_overlay .bottom-stretch {
	bottom: -20px;
	background: url('fancy_shadow_s.png') 0 0 repeat-x;
}
.simple_overlay .left-stretch,
.simple_overlay .right-stretch{
	width: 20px;
	display: block;
	position: absolute;
	top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.simple_overlay .left-stretch {
	left: -20px;
	background: url('fancy_shadow_w.png') 0 0 repeat-y;
}
.simple_overlay .right-stretch {
	right: -20px;
	background: url('fancy_shadow_e.png') 0 0 repeat-y;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(fancy_close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:30px;
	width:30px;
     z-index: 10001;
}
a.videopopper,
a.flowplayervideopopper{
     overflow: hidden;
     position: relative;
     display: inline-block;
}
a.videopopper .play-icon,
a.flowplayervideopopper .play-icon{
     background-image:url(play_button.png);
     display: block;
     position: absolute;
     width: 40px;
     height: 40px;
}
.simple_overlay .not-in-popup-message {
	display: none;
}
.vid {
	margin-bottom: 15px;
}
.left-photo {
	overflow: hidden;
}
.left-photo a.videopopper,
.left-photo a.flowplayervideopopper{
	float: left;
}
.right-photo {
	overflow: hidden;
}
.right-photo a.videopopper,
.right-photo a.flowplayervideopopper{
	float: right;
}
a.videopopper.text,
a.flowplayervideopopper.text{
     float: none !important;
}