div#nyroModalFull {
font-size: 12px;
color: #777;
}
div#nyroModalLoading {
border: 4px solid #777;
width: 150px;
height: 150px;
text-indent: -9999em;
background: #fff url(../img/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-color: #777;
border-style: solid;
border-width: 24px 4px 4px 4px;
}
a#closeBut {
position: absolute;
display: block;
top: -19px;
right: 0px;
width: 16px;
height: 16px;
text-indent: -9999em;
background: url(../img/close.png) no-repeat;
outline: 0;
}
h1#nyroModalTitle {
margin: 0;
padding: 0;
position: absolute;
top: -22px;
left: 5px;
font-size: 12px;
color: #ddd;
}
div#nyroModalContent {
overflow: auto;
}
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: left 20% no-repeat;
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-image: url(../img/prev.gif);
}
a.nyroModalNext {
right: 0;
background-position: right 20%;
}
a.nyroModalNext:hover {
background-image: url(../img/next.gif);
}