/* the overlayed element */

div.overlay {

    /* growing background image */
    background-image:url(../images/overlay/white_small.png);
	_background-image:url(../images/overlay/white_small.gif);

    /* dimensions after the growing animation finishes  */
    width:200px;
    height:160px;

    /* initially overlay is hidden */
    display:none;

    /* some padding to layout nested elements nicely  */
    padding:55px;
}
/* the overlayed element */
div.overlay2 {

    width:200px;
    height:360px;
	background:#FF0000;

    /* initially overlay is hidden */
    display:none;

    /* some padding to layout nested elements nicely  */
    padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url(../images/overlay/close.png);
	_background-image:url(../images/overlay/close.gif);
    position:absolute;
    right:0px;
    top:0px;
	_right:15px;
	_top:-10px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* black */
div.overlay.black {
    background:url(../images/overlay/transparent.png) no-repeat !important;
    color:#fff;
}

/* petrol */
div.overlay.petrol {
    background:url(../images/overlay/petrol.png) no-repeat !important;
    color:#fff;
}

div.black h2, div.petrol h2 {
    color:#ddd;
}


/* the overlayed element */
div.signupform {

	/* growing background image */
	background-image:url(../images/overlay/white.png);

	/* dimensions after the growing animation finishes  */
	width:300px;
	height:250px;

	/* initially overlay is hidden */
	display:none;

	/* some padding to layout nested elements nicely  */
	padding:12px 55px 60px 55px;
}

/* default close button positioned on upper right corner */
div.signupform div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}