/* ------------ Modal -------------------*/
table { margin: 0; padding:0; border: 0; border-spacing: 0; border-collapse:collapse;}
table td { vertical-align: top;}

/* Box */
.modal_tl	{ background: url(https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/tlc.png);width: 36px;height: 48px;}
.modal_t	{ background: url(https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/ts.png);height: 48px;}
.modal_tr	{ background: url(https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/trc.png);width: 36px;height: 48px;}
.modal_l	{ background: url(https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/ls.png);width: 36px;}
.modal_r	{ background: url(https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/rs.png);width: 36px;}
.modal_bl	{ background: url(https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/blc.png);width: 36px;height: 63px;}
.modal_b	{ background: url(https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/bs.png);height: 63px;}
.modal_br	{ background: url(https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/brc.png);width: 36px;height: 63px;}
/* End Box */
/* Box IE6 */
* html .modal_tl	{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/tlc.png', sizingMethod='scale');}
* html .modal_t		{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/ts.png', sizingMethod='scale');}
* html .modal_tr	{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/trc.png', sizingMethod='scale');}
* html .modal_l		{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/ls.png', sizingMethod='scale');}
* html .modal_r		{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/rs.png', sizingMethod='scale');}
* html .modal_bl	{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/blc.png', sizingMethod='scale');}
* html .modal_b		{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/bs.png', sizingMethod='scale');}
* html .modal_br	{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://ja.confirmation.com/24/_pt-qa1_confirmation_com/images/BlueTheme/ModalBox/brc.png', sizingMethod='scale');}
/* End Box I6 */

.modal_title { display: inline-block; margin-top: 23px; font-size: 16px; color: #fff; float:left; font-family:Arial, Helvetica, sans-serif;}
.modal_close { display: inline-block; margin-top: 21px; font-size: 16px; color: #fff;   font-family:Arial, Helvetica, sans-serif;
               float: right; text-decoration: none; border-bottom: 1px solid #fff;}
.modal_content {background-color: #fff; padding: 15px 0 15px 0;}
.modal_footer { padding: 0; margin: 0;}
.modal_content_div 
{
	font: 11px Arial, Sans-Serif;
	min-height: 420px; _height: auto !important; height: 490px;
	min-width: 885px; _width: auto !important; width: 885px;
}

/* AB#5111659, WCAG 1.4.4/1.4.10 - reflow the "custom message" panel (Session Timeout, Multiple
   Windows, Access Denied, etc. - all rendered through ResponderActivation.ascx's shared
   PnlCustomMsg control) at narrow/zoomed effective viewports, instead of letting this box's fixed
   885px width/height overflow and get cropped. :has() scopes every rule below to only a table
   containing this exact, unique control instance - ResponderActivation.ascx is registered only in
   NewActivation.aspx (repo-wide, confirmed) - so no other page/product using .modal_content_div is
   affected. See Reg_Process.css for the companion .singlePanelForm/.contactUs/#DivLoading rules.
   Live-verified via console injection against qa1.confirmation.com before being written to source. */
@media (max-width: 1024px), (max-height: 700px) {
	table:has(#ResponderActivation_ModalBox1_PnlCustomMsg) {
		table-layout: fixed;
		width: 100%;
	}
	table:has(#ResponderActivation_ModalBox1_PnlCustomMsg) .modal_content_div {
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
	}
}
/* ------------ End Modal ----------------*/