.EmeraldModal_overlay { width: 100%; background-color: #222; position: fixed; top: 0; left: 0; z-index: 100; }
.EmeraldModal {-webkit-overflow-scrolling:touch; height: 600px; min-width: 100px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 500; max-width: 100%; }
.EmeraldModal_controls { float: right; cursor: default; margin-right: 6px; }
.EmeraldModal_controls * { background-image: url(images/modal.gif); display: inline-block; margin: 0; width: 23px; height: 17px; cursor: pointer; }
.EmeraldModal_content {width: auto; margin: 18px 0 18px 18px; padding-right: 9px; overflow-y: auto; -webkit-overflow-scrolling:touch; clear: both; }
.EmeraldModal_content iframe { width: 100%;}
.EmeraldModal_buttons { margin: 18px; text-align: center; }
.EmeraldModal_buttons button { margin: 0 6px; }
.EmeraldModal_content .loading { margin: auto; }
.EmeraldModal_content .loading IMG { width: 16px; height: 16px; position: relative; top: 3px; background-image: url(images/progress.gif); }
.EmeraldModal_content .alert_image { vertical-align: middle; padding: 0 7px 0 0; }
.EmeraldModal_content .alert_message { vertical-align: middle; text-align: center; padding: 0; }
.EmeraldModal_white { color: #000; }
.EmeraldModal_black { background-color: #000; border: 2px solid #565656; color: #ccc; }
.EmeraldModal_black A, .EmeraldModal_black A:hover { color: #fff !important; text-decoration: underline !important; }
.EmeraldModal_black .EmeraldModal_controls * { background-image: url(images/modal.gif); }
.EmeraldModal_yellow { background-color: #FFF589; color: #000; }
.EmeraldModal_yellow .EmeraldModal_controls * { background-image: url(images/modal.gif); }
.EmeraldModal_minimize { background-position: -100px 0px; }
.EmeraldModal_maximize { background-position: -100px -50px; }
.EmeraldModal_close { background-position: -100px -100px; }
.EmeraldModal_minimize:hover { background-position: -150px 0px; }
.EmeraldModal_maximize:hover { background-position: -150px -50px; }
.EmeraldModal_close:hover { background-position: -150px -100px; }
.EmeraldModal_black .EmeraldModal_minimize { background-position: -100px -150px; }
.EmeraldModal_black .EmeraldModal_maximize { background-position: -100px -200px; }
.EmeraldModal_black .EmeraldModal_close { background-position: -100px -250px; }
.EmeraldModal_black .EmeraldModal_minimize:hover { background-position: -150px -150px; }
.EmeraldModal_black .EmeraldModal_maximize:hover { background-position: -150px -200px; }
.EmeraldModal_black .EmeraldModal_close:hover { background-position: -150px -250px; }
/* non-compliant css */
.EmeraldModal { border-radius: 6px; }
 @media only screen and (max-width:568px) {
.EmeraldModal { 
width: auto !important;
padding: 10px !important;
margin-right: auto !important;
margin-left: auto !important;
max-width: 568px !important;
position:relative !important;
left:0 !important;
top:0 !important;
}
}