/* Start of CMSMS style sheet 'Overlay' */
/*      overlay dimensions are defined with CSS. this tool detects them dynamically       and resizes the background image correspondingly */ 
#myOverlay {
width:500;
/* overlay is initially hidden */
display:none;
}  

/*      close button (div.close element) is auto-generated by default. Here it is positioned on top-right corner  */ 

#myOverlay div.close 
{     
background:url(img/close.png) no-repeat;
position:absolute;
top:15px;
right:10px;
width:25px;
height:25px;
cursor:pointer;
}  
/*      the actual content is moved little bit inside so that it doesn't overlap  with the drop shadow in the overlayed image */ 
#myOverlay p {
color:#567;
font-size:50px;
margin:110px 135px;
}
/* End of 'Overlay' */