@charset "utf-8";
/****************************************
	/css/v3/modal.css
*****************************************/
.modal { display:none; }
#modal,
#modalContents { outline:0; }
#modal { background-color:#000; background-color:rgba(0, 0, 0, 0.7); display:none; z-index:1005; }
#modalCenter { display:block; float:left; height:50%; margin-bottom:-800px; width:100%; }
#modalCenter.modalCentered { -moz-transition:margin-bottom .2s ease; -o-transition:margin-bottom .2s ease; -webkit-transition:margin-bottom .2s ease; transition:margin-bottom .2s ease; }
.modalCentered + #modalContents { -moz-transition:width .4s ease; -o-transition:width .4s ease; -webkit-transition:width .4s ease; transition:width .4s ease; }
#modalContents { background:#f8f7f3 none no-repeat 50% 50%; border-radius:6px; box-shadow:0 0 30px rgba(0, 0, 0, 0.6); clear:both; margin:20px auto; max-width:100%; min-height:42px; min-width:260px; opacity:0; padding:20px; position:relative; width:600px; word-wrap:break-word; }
#modalContents::after { clear:both; content:''; display:table; }
.modalHideClose #modalClose { display:none; }
.modalHeader { background-color:#fff; border-radius:5px 5px 0 0; font-size:16px; font-weight:bold; line-height:30px; margin:-20px -20px 20px -20px; padding:10px 20px; }
.modalHeader::after { clear:both; content:''; display:table; }
.modalHeader > .ancBtn { margin:0 5px 0 -10px; }
.modalHeader .ancBtn { vertical-align:top; }
.modalTitle { font-size:inherit; font-weight:inherit; line-height:inherit; margin:0; vertical-align:top; }
.ancBtn + .modalTitle { display:inline-block; }
.modalHeaderActions { float:right; margin-left:10px; }
.modalHeaderActions > .ancBtn { float:right; margin-left:10px; }
.modalOpen { height:100%; }
.modalOpen body { min-height:100%; }
.modalOpen #modal { display:block; opacity:0; padding:0 11px; }
.modalOpen.noTouch,
.modalOpen.noTouch body { overflow:hidden; } /* Double Scrollbar Fix */
.modalOpen.noTouch #modal { bottom:0; left:0; overflow:auto; position:fixed; right:0; top:0; }
.modalOpen.touch body,
.modalOpen.touch #modal { left:0; overflow:hidden; position:absolute; right:0; top:0; }
/* Image and Video Contents */
#modal img { height:auto; max-width:100%; vertical-align:top; }
/* YouTube Video */
#modal object,
#modal iframe { display:block; max-width:100%; }
/* Modal section */
.modalSection { box-shadow:inset 0 1px 2px -1px #fff; margin:0 -20px; padding:20px; position:relative; }
.modalHeader + .modalSection { margin-top:-20px; }
.modalSection:last-child { margin-bottom:-20px; }
/* Modal Columns */
.ancCol.modalColumn { padding:20px; }
/* Match Outer Border Radius */
@media only screen and (min-width:480px) {
	.modalSection:first-child { border-radius:5px 5px 0 0; }
	.modalSection:last-child { border-radius:0 0 5px 5px; }
	.modal > .ancGrid:first-child .ancCol:first-child { border-top-left-radius:5px; }
	.modal > .ancGrid:first-child .ancCol:last-child { border-top-right-radius:5px; }
	.modal > .ancGrid:last-child .ancCol:first-child { border-bottom-left-radius:5px; }
	.modal > .ancGrid:last-child .ancCol:last-child { border-bottom-right-radius:5px; }
}
@media only screen and (max-width:767px) {
	#modalContents { padding:10px; }
	.modalHeader { margin:-10px -10px 10px; padding-left:10px; padding-right:10px; }
	.modalSection { margin:0 -10px; padding:10px; }
	.modalSection:last-child { margin-bottom:-10px; }
	.modalHeader + .modalSection,
	.modalHeader:first-child { margin-top:-10px; }
	.modalHeader > .ancBtn { margin-left:0; }
	.ancCol.modalColumn.modalColumn { padding:10px; }
}
@media only screen and (max-width:479px) {
	.modalOpen #modal { padding:0; }
	#modalContents { border-radius:0; }
	#modalClose { right:5px; top:6px; }
	.modalHasTitle #modalClose { right:8px; top:11px; }
	.modalHasTitle:not(.modalHideClose) .modalHeader { padding-right:40px; }
	.modalHeaderActions > .ancBtn { float:none; margin:0; }
	.modalHeaderActions > .ancBtn:first-child { margin-bottom:5px; }
}
/* Marketing overrides. */
#modalContents.modalCustomPadding { padding:0; }
.modalCustomPadding .modalSection,
.modalCustomPadding .modalHeader { margin:0; }
/* Loading icon */
#modalContents.loading { min-height:300px; }
@media print {
	#modal { background:#fff !important; position:relative !important; }
	.modalOpen body > *:not(#modal),
	#modalClose { display:none !important; }
	#modalContents { background:#fff !important; }
	.modalSection { box-shadow:none !important; }
}