﻿

/* the overlayed element */
div.overlay {
	
	/* growing background image */
/*	background-image:url(/workforce-solutions/images/overlay/white.png);*/
/*	background-image:url(/workforce-solutions/images/overlay/overlay-whitev6.png);*/
	background-image:url(/workforce-solutions/images/overlay/overlay-whitev7.gif);
/*		background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_IE6.gif);*/
	
	background-color: #ffffff;
	
	/* dimensions after the growing animation finishes  */
/*	width:800px;
	height:500px;		*/
		width:836px;
/*	height:560px;		*/
	/*	height:580px;		*/
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
/*	padding:0px;*/
		padding:0px;
/*position: absolute;*/
/*
top: 48px!important;
left: 48px!important;*/

}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/workforce-solutions/images/overlay/closev3.gif);
	
/*	background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);*/
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:36px;
	width:36px;
}


/* black */
div.overlay.black {
	background:url(/workforce-solutions/images/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(/workforce-solutions/images/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}
/******* custom stylng for elements used inside the overlay   *********/
#teaser3-holder {
/*margin: 15px auto 0;*/
margin: 7px auto 0;
display: block;
padding: 0;
}
#teaser3-learnmore {
	margin: 10px auto 10px !important;
display: block !important;
	background-image:none !important;
	position:relative !important;
	right:auto !important;
	top:auto !important;
	cursor:pointer !important;
	text-align: center !important;
	height:auto !important;
	width:auto !important;
/*	float: left;*/
}

#teaser3-learnmore a{
	margin: 0px 10px 0px 10px !important;
/*	float: left;*/
}

/*#b7-teaser3Title {
margin: 15px auto 0;
color: #17588b;
text-align:center;
}*/
#b7-teaser3Title {
margin: 7px auto 7px;
/*display: block;*/
color: #17588b;
text-align:center;
}