/* the overlayed element */
.apple_overlay {
	/* initially overlay is hidden */
	display:none;
	z-index: 0;
	position: relative;
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:100%;		
	/* some padding to layout nested elements nicely  
	padding:35px;*/
	/* a little styling */	
	font-size:11px;
}
/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(img/close.png);
	position:absolute; 
	right:5px; 
	top:5px;
	cursor:pointer;
	height:28px;
	width:28px;
	z-index: 99999;
}
/* OVERLAY OFFICE 2010 */
#office {
	width:893px;
	height:530px;
	padding:0px;
}
#office table {
	position: relative;
	z-index: 99999;
}
#office .title {
	font-size: 26px;
	color: #000;
	text-align: left;
}
#office .subtitleTab1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding-left: 10px;
}
#office .subtitleTab2 {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
#office .tabSoft {
	font-size: 16px;
	color: #000;
	text-align: left;
	padding-left: 45px;
	vertical-align: middle;
}
#office .tabFooter {
	font-size: 16px;
	color: #000;
	text-align: left;
	padding-left: 15px;
}
#office .tabFooter2 {
	font-size: 14px;
	color: #000;
	text-align: center;
}
/* OVERLAY WINDOWS 2010 */
#windows {
	width:893px;
	height:573px;
	padding:0px;
}
#windows table {
	position: relative;
	z-index: 999999;
	background: url(../img/overlayWindows.png) no-repeat 0px 0px;
}
#windows .title {
	font-size: 26px;
	color: #000;
	text-align: left;
}
#windows .subtitleTab1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding-left: 10px;
}
#windows .subtitleTab2 {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
#windows .tabSoft {
	font-size: 15px;
	color: #000;
	text-align: left;
	padding-left: 15px;
}