/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/* the overlayed element */
div.overlay {
	
	/* growing background image */    /* use a semi-transparent image for the overlay */ 
	background-image:url(../images/overlay/large-transparent-overlay.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding: 60px 55px 55px 55px;
	color: #999;
        text-align: center; vertical-align: middle; margin: auto;
}


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

/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto;
}
h2.greyStrong a{ 
   color: #666; font-weight: 700; text-transform: uppercase;
}
h2.greyStrong a:visited{ 
   color: #666; font-weight: 700; text-transform: uppercase;
}
#overlayTrigger{border-bottom: 1px dotted #999; cursor: pointer !important;}
#overlayTrigger2{border-bottom: 0px dotted #999; cursor: pointer !important;}
#overlayTrigger-3{border-bottom: 0px dotted #999;}