#overlay {
	overflow:visible;
	HEIGHT: auto;
}
DIV.wrap {
	overflow:visible;
	HEIGHT: auto
}

DIV.overlay {
	background:url(10pxtr.png) no-repeat;
	background-color:#35312F;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	DISPLAY: none;
	overflow:visible;
	min-height:100;
	min-width:200;
	z-index:10000;
}

DIV.overlay DIV.close {
	BACKGROUND-IMAGE: url(WSclose.png);
	POSITION: absolute; WIDTH: 29px; HEIGHT: 30px; TOP: 5px;
	CURSOR: pointer; RIGHT: 5px;
}

DIV.overlay H1 {
	COLOR: #000000;
}
DIV.black.overlay {
/*	BACKGROUND: url(transparent.png) no-repeat; COLOR: #fff*/
}
DIV.petrol.overlay {
/*	BACKGROUND: url(petrol.png) no-repeat; COLOR: #fff*/
}
DIV.black H2 {
	COLOR: #ddd
}
DIV.petrol H2 {
	COLOR: #ddd
}


.apple_overlay {
	BACKGROUND-IMAGE: url(http://flowplayer.org/tools/img/overlay/white.png); PADDING-BOTTOM: 35px; PADDING-LEFT: 35px; WIDTH: 640px; PADDING-RIGHT: 35px; DISPLAY: none; FONT-SIZE: 11px; PADDING-TOP: 35px
}
.apple_overlay .close {
	BACKGROUND-IMAGE: url(http://flowplayer.org/tools/img/overlay/close.png); POSITION: absolute; WIDTH: 35px; HEIGHT: 35px; TOP: 5px; CURSOR: pointer; RIGHT: 5px
}




/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(http://flowplayer.org/tools/img/overlay/transparent.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
		text-align:center;
	}
	
	#triggers img {
		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}