.overlay
{
	display: none;
}

.overlay-head-outer
{
	height: 42px;
	position: relative;
	overflow: hidden;
}
.overlay-head-wrapper
{
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

/* this is dumb, but since vertical-align doesnt work, we must do something like this to shift the header text down. */
.overlay-head-inner
{
	margin: 13px 0 0 0;
}

.overlay-head
{
	display: none;
}

.overlay-head-inner, .overlay-head-inner .overlay-head
{
	font-size: 16px; 
	font-weight: bold; 
	line-height: 16px;
	display: block;
}

.overlay-printheader
{
	position: relative;
	height:21px;
	margin:0 20px 0 0;
	background: transparent url(../images/1x1grey.gif) repeat-x 0px 13px;
}
.overlay-printbutton-holder
{
	position: absolute;
	top: 5px;
	right: 0px;
	width: 19px;
	height: 15px;
	background-color: white;
	text-align: right;
}


.overlay-dialog .scroll-pane
{
overflow: hidden;	/* this hack is here because jScrollPane uses the scroll pane's 
						innerwidth for resizing, but if the div is already scrolling, 
						it takes into account the os scrollbar width!*/
	width: 100%; 
	height: 100%;
}
/* updated: we don't seem to need this, as long as the scroll imagery loads properly.
   the scrollpane stuff is a bit of a mess.
/* this is a hack for IE.  for some reason the jScrollPane handle is messed up */
.overlay-dialog .jScrollPaneTrack
{

 text-align:left;
}




/*
	this arranges the location of the close button
*/
.overlay-closebutton { 
	position: absolute;
	top:3px;
	right:4px;
	z-index: 1;
}

/*
	the dark div behind the overlay
*/
#overlay-shadow { 
 position: absolute; 
 background-color: #000; 
 filter: alpha(opacity=60); 
 -moz-opacity: 0.6; 
 opacity: 0.6; 
 top: 0px; 
 left: 0px; 
 margin: 0px; 
 padding: 0; 
/* width: 100%;
 height: 100%; */
 z-index: 20; 
 display: none;
}




/*
	the main overlay div
*/

.overlay-dialog {
 display:none;
 position:absolute;
 z-index: 30; 
 margin:0px auto;
 max-width:988px; /* based on image dimensions  */
 color:#fff;
 margin-left:24px;
 margin-bottom:24px;
 text-align: left;

	/* the default width of the overlays! */
 width: 634px;
}

.overlay-dialog .overlay-holder,
.overlay-dialog .overlay-t,
.overlay-dialog .overlay-b,
.overlay-dialog .overlay-b div {
 background:transparent url(../images/overlays/overlay-background.png) no-repeat top right;
 _background-image:url(../images/overlays/overlay-background.gif);
}

.overlay-dialog .overlay-holder {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:4px 4px 0px 0px;

}

.overlay-dialog .overlay-t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:24px; /* top slice width */
 margin-left:-24px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.overlay-dialog .overlay-b {
 /* bottom */
 text-align: left;
 position:relative;
 width:100%;
}




.overlay-dialog .overlay-b,
.overlay-dialog .overlay-b div {
 height:24px; /* height of bottom cap/shade */
 font-size:1px;
}

.overlay-dialog .overlay-b {
 background-position:bottom right;
}

.overlay-dialog .overlay-b div {
 position:relative;
 width:24px; /* bottom corner width */
 margin-left:-24px;
 background-position:bottom left;
}




#ie6iframefixer
{
    z-index: 15000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    display: inline !important;
}
/*
* html #ie6iframefixer
{
    position: absolute;
    height: expression(
		document.body.scrollHeight > document.body.offsetHeight 
		? document.body.scrollHeight 
		: document.body.offsetHeight + ‘px’);
}
*/