div#nyroModalFull { font-size: 12px; color: #777; } div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url('ajaxLoader.gif') no-repeat; background-position: center; } div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; } div#nyroModalWrapper { background: #fff; border: 4px solid #777; } a#closeBut { position: absolute; display: block; top: 2px; right: 2px; width: 25px; height: 25px; text-indent: -9999em; background: url('close.gif') no-repeat; outline: 0; z-index: 5000; } h1#nyroModalTitle { margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd; } div.wrapper div#nyroModalContent { padding: 5px; } div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center; } div.wrapperImg img { vertical-align: baseline; } div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20); } div.wrapperImg div#nyroModalContent div:hover { opacity: 0.5; filter: alpha(opacity=50); cursor: help; } a.nyroModalPrev, a.nyroModalNext { z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ } div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext { height: 60%; width: 20%; } a.nyroModalPrev { left: 0; } a.nyroModalPrev:hover { background: url('prev.gif') left 20% no-repeat; } a.nyroModalNext { right: 0; } a.nyroModalNext:hover { background: url('next.gif') right 20% no-repeat; }