/***** css for ajax popover based on 
http://www.dynamicdrive.com/dynamicindex17/interstitial.htm ****/

#interContainer{
position: absolute;
width: 600px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 20px;
background-color: #F7E4A9;
border: 6px solid white;
visibility: hidden;
z-index: 50;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
right: -16px;
top: -16px;
position: absolute;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
}


#interContent{ /*CSS for div that holds the content to show*/
color: #333;
font-size: 1.1em;
line-height: 1.2em;

}


#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(images/interstitial_black.gif);
right: 0;
width: 10px;
top: 0;
z-index: 40;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);
opacity: 0.4;
}


/*** link styles ***/

#interContent a:link { color: #0F79A3; text-decoration: none; }
#interContent a:visited { color: #0F79A3; text-decoration: none; }
#interContent a:active { color: #043f75; text-decoration: underline; }
#interContent a:hover { color: #043f75; text-decoration: underline; }

/***** end of css for ajax popover ****/