/**
 * Required CSS for TeaserPop
 *
 * You may change it to your needs, but do it carefully
 */


/*
#teaserpop_overlay - should not be modified
*/
#teaserpop_overlay{
	position:fixed;
	_position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	z-index:1100;
	margin:0;
	padding:0;
	right:0;
	bottom: 0;
}

/*
#teaserpop_box - uncomment the shadow bit if you want drop shadows in your box (will not work in IE)
*/
#teaserpop_box{
	height: 1%; /* IE needs this */
	position:absolute;	
	-moz-box-shadow:0 0 40px 5px #000;
	-webkit-box-shadow: 0 0 40px #000;
}

/*
.teaserpop_spinner - this is the loading spinner that shows in the middle of the box. Change it's source if you want to use another image
*/
.teaserpop_spinner {
	background-image:url(../imgs/spinner_black.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

/*
.teaserpop_close - this positions the close button and sould not be modified, unless you use a custom image with different dimensions
*/
.teaserpop_close {
	position:absolute;
	right:-15px; /* this is half the width of the image */
	top:-15px; /* this is half the height of the image */
	cursor:pointer;
	float:left;
	clear: both;
	display:none;
	z-index:1110;
}

/*
.teaserpop_close a - change the source of the background image of the close button here. Pay attention to the IE6 hack bit.
*/
.teaserpop_close a{
	background-image:url(../imgs/close_white.png);
	background-repeat:no-repeat;
	height:30px; /* this is the height of the image */
	width:30px; /* this is the width of the image */
	float:left;
	position:relative;
	display:block;
	
	/* simple ie6 png transparency hack */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='./teaserpop/imgs/close_white.png',sizingMethod='scale'); 
	/* 
	Image src is related to your site root. You can use an absolute path in order to avoid mistakes: 
	http://www.domain.com/teaserpop/imgs/close.png 
	*/
}

/*
.teaserpop_error - style for the text that shows when the image/swf is not found
*/
.teaserpop_error{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;	
}


/*
just some resets
*/
#teaserpop_box a:focus,#teaserpop_box a:active {
	outline: 0 none;
	-moz-outline: 0 none;
}
#teaserpop_box .teaserpop_content{
	margin:0;
	padding:0;
}