/* These style classes should not be changed. They are needed for zBox to work properly. */
.zbox { display:none; visibility:hidden;position:fixed;top:0;left:0;z-index:1000001; }
.zbox_bg_div {	position:fixed;top:0;left:0;height:1px;background-image:url(/global/hpc/en/us/PublishingImages/layout/zbox_bg.png);display:none;z-index:1000000; }

.zbox_IEold { display:none; visibility:hidden;position:absolute;top:0;left:0;z-index:1000001; }
.zbox_bg_divIEold { position:absolute;top:0;left:0;height:1px;background-color:#000000;display:none;z-index:1000000; }
.zbox .zbox_midIEold * { position:relative; }

/* These style classes can be changed to make zBox look how you want. */
.zbox { background-color:#fff; margin:0; padding:0; width:605px; text-align:left; }
.zbox .header { margin:0; padding:0; height:50px; text-align:left; background-color:#e5e5e5; }
.zbox .header p { float:left; padding:17px 0 0 20px; font-family:Segoe UI, arial, sans-serif; font-size:14px; line-height:16px; font-weight:normal; color:#333333; }
.zbox .header a { padding:7px 8px 0 0; float:right; }
.zbox .header .zboxclosewrapper { padding:7px 8px 0 0; float:right; }
.zbox .header .zboxclose { width:39px; height:39px; background:url('/global/hpc/en/us/PublishingImages/icons/btn_close.png') no-repeat; cursor:pointer; }
.zbox .footer { clear:both; margin:0; padding:0; height:15px; }
.zbox .midWrapper { height:375px; overflow:auto; }
.zbox .mid { margin:0; padding:20px 20px 5px 20px; }
.zbox .mid h2 { font-size:16px; font-weight:bold;}
.zbox .mid h4 { font-family:Segoe UI, arial, sans-serif; font-size:16px; line-height:18px; font-weight:normal; color:#666666; }
.zbox .mid h4 strong { color:#333333; font-weight:normal; }
.zbox .mid h6 {font-family:Segoe UI, arial, sans-serif; font-size:12px; line-height:16px; font-weight:normal; padding:0 0 20px 0; }
.zbox .mid h6 a { color:#336666; }
.zbox .mid p { font-family:Segoe UI, arial, sans-serif; font-size:12px; line-height:16px; font-weight:normal; color:#666666; padding:0 0 5px 0; }
.diagram { width:695px; }
div.zbox p { width: 536px; }

/* 
	Below is an example of how you could use dropshadow png backgrounds for the header, footer and middle 
	The IEOld styles will reload the backgrounds with transparency in IE<7...make sure to updated the zBox_DropShadow to true, in the js code.
	And, supply the images, of course. :)
*/
/*
.zbox .header { margin:0; padding:0; width:631px; height:35px; background:url(images/top_shadow.png) no-repeat 0 0; text-align:right; }
.zbox .header a { padding:19px 30px 0 0; width:160px; height:15px; float:right; }
.zbox .footer { clear:both; margin:0; padding:0; width:631px; height:15px; background:url(images/bottom_shadow.png) no-repeat 0 0; }
.zbox .mid { margin:0; padding:5px 25px 20px 35px; background:#FFF; width:571px; background:url(images/mid_shadow.png) repeat-y 0 0;}

.zbox .zbox_footerIEold
{     
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom_shadow.png', sizingMethod='image');
}

.zbox .zbox_headerIEold
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top_shadow.png', sizingMethod='image');
}

.zbox .zbox_midIEold
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mid_shadow.png', sizingMethod='scale');
}
*/