/*** 

UKHO HTML Style Sheet for the FlowPlayer/jQuery Tools Overlay plugin on the Application screen

Author: David Fry / Ben McInerney
Date: 29/06/2010

Amendments:

***/

/* the overlayed element */
.apple_overlay
{
    /* initially overlay is hidden */
    display: none; /* growing background image */
    background-image: url(../images/overlay/overlay_blue_small.png); /*  width after the growing animation finishes 		 		height is automatically calculated     	*/
    width: 430px; /* some padding to layout nested elements nicely  */
    padding: 10px; /* a little styling */
    left: 38%;
    z-index: 999;
}
/* default close button positioned on upper right corner */
.apple_overlay .close
{
    background-image: url(../images/overlay/close.png);
    position: absolute;
    right: 5px;
    top: -5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
/* use a semi-transparent image for the overlay */
#overlay
{
    color: #efefef;
    height: 300px;
}
.apple_overlay h2 {
    color: #fff;
    font-size: 1.2em;
}
.apple_overlay p {
    color: #fff;
    font-size: 1.3em;
}