.nyroModalBg { position: fixed; overflow: hidden; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.7; z-index: 10000; } .nmReposition { position: absolute; } .nyroModalCloseButton { top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(close.gif); } .nyroModalTitle { top: -26px; left: 0; margin: 0; font-size: 1.1em; color: #ddd; } .nyroModalCont { position: fixed; border: 4px solid #777; margin: 25px; background: #fff; z-index: 99999; width: 620px !important; height: 370px !important; top: 50% !important; left: 50% !important; margin-top: -243px !important; margin-left: -310px !important; } .nyroModalCont iframe { width: 600px; height: 400px; } .nyroModalError { border: 4px solid red; color: red; width: 250px; height: 250px; } .nyroModalError div { min-width: 0; min-height: 0; padding: 10px; } .nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile { position: relative; padding: 10px; min-height: 250px; min-width: 250px; max-width: 1000px; } .nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm { position: relative; overflow: hidden; } .nyroModalImage img { vertical-align: top; } .nyroModalHidden { left: -9999em; top: -9999em; } .nyroModalLoad { position: absolute; width: 100px; height: 100px; background: #fff url(ajaxLoader.gif) no-repeat center; padding: 0; } .nyroModalPrev, .nyroModalNext { outline: none; position: absolute; top: 0; height: 60%; width: 150px; min-height: 50px; max-height: 300px; cursor: pointer; text-indent: -9999em; background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat; } .nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext { height: 100%; width: 40%; max-height: none; } .nyroModalPrev { left: 0; } .nyroModalPrev:hover { background-image: url(prev.gif); } .nyroModalNext { right: 0; background-position: right 20%; } .nyroModalNext:hover { background-position: right 20%; background-image: url(next.gif); }