﻿/* the overlayed element */
.overlay
{
	/* initially overlay is hidden */
	display: none; /* growing background image */
	background-image: url(images/tools/overlay/white.png); /*  width after the growing animation finishes height is automatically calculated */
	width: 440px; /* some padding to layout nested elements nicely  */
	padding: 45px 35px 35px 35px; /* a little styling */
	text-align: center;
} 

/* default close button positioned on upper right corner */
.overlay div.close
{
	background-image: url(/images/tools/overlay/close.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}
#triggers
{
	margin-top: 10px;
	text-align: left;
	clear: both;
}

#triggers img
{
	background-color: #fff;
	padding: 2px;
	margin: 10px 30px 2px 10px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

