/*	Reveal Modals
-------------------------------------------------- */

.reveal-modal-bg {position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 1100; display: none; top: 0; left: 0;}
.reveal-modal {display: none; visibility: hidden; top: 100px; left: 50%; margin-left: -270px; width: 520px; background: #eee url('../img/modal-gloss.png') no-repeat -200px -80px; position: absolute; z-index: 1101; padding: 30px 40px 34px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4);}
.FindDuplicate {width: 920px; margin-left:-460px;}
.reveal-modal.small {width: 200px; margin-left: -140px;}
.reveal-modal.medium {width: 400px; margin-left: -240px;}
.reveal-modal.large {width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal.xxlarge { width: 950px; margin-left: -475px;}
.reveal-modal a.close-reveal-modal {font-size: 40px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; text-decoration: none}
.reveal-modal.noPadd {padding: 0}
.reveal-modal.noPadd a.close-reveal-modal {top: 18px; right: 18px;}
.modalForm .modalButtons {padding: 25px 13px 0 10px}
.reveal-modal .header {font-size: 16px; border-radius: 3px 3px 0 0; padding-right: 43px}
.reveal-modal .header a {font-size: 14px;}
.reveal-modal .header.noRightPadd {padding-right: 10px}
.reveal-modal .header.orangeRed {color: #dc482c}

/* tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .FindDuplicate {width: 600px; margin-left:-300px;}
    .reveal-modal.xxlarge { width: 800px; margin-left: -440px;}
}

/* mobile */
@media only screen and (max-width: 767px) {
    .reveal-modal,
    .FindDuplicate,
	.reveal-modal.small,
	.reveal-modal.medium,
	.reveal-modal.large,
	.reveal-modal.xlarge {left: 0; margin: 0; width: 100%}
    
    .modalForm .modalButtons {padding: 25px 0 0 0;}
}