html, body {
margin : 0;
padding : 0;
height : 100%;
}
#lightbox, #lightbox-overlay {
position : absolute;
top : 0;
left : 0;
bottom : auto;
right : auto;
z-index : 100;
width : 100%;
height : auto;
text-align : center;
color : #333333;
margin : 0;
padding : 0;
border : none;
outline : none;
line-height : 0;
text-decoration : none;
background : inherit;
word-spacing : normal;
letter-spacing : normal;
float : none;
clear : none;
display : block;
}
#lightbox-overlay {
z-index : 90;
background-color : #000000;
height : 100%;
position : fixed;
}
#lightbox-overlay-text {
text-align : right;
margin-right : 20px;
margin-top : 20px;
color : white;
font-size : 12px;
cursor : default;
line-height : normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
text-decoration : underline;
color : white;
}
#lightbox-overlay-text span {
padding-left : 5px;
padding-right : 5px;
}
#lightbox img, #lightbox a img, #lightbox a {
border : none;
outline : none;
}
#lightbox-imageBox {
position : relative;
border : 1px solid black;
background-color : white;
width : 400px;
height : 400px;
margin : 0 auto;
}
#lightbox-imageContainer {
padding : 1px;
}
#lightbox-loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#lightbox-nav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
display : block;
width : 49%;
height : 100%;
background : transparent url("lightbox_img/blank.gif") no-repeat;
padding : 0;
margin : 0;
}
#lightbox-nav-btnPrev {
left : 0;
right : auto;
float : left;
}
#lightbox-nav-btnNext {
left : auto;
right : 0;
float : right;
}
#lightbox-infoBox {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #ffffff;
margin : 0 auto;
padding : 0;
}
#lightbox-infoContainer {
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
padding-bottom : 5px;
color : #666;
line-height : normal;
}
#lightbox-infoHeader {
width : 100%;
text-align : center;
}
#lightbox-caption {
text-align : justify;
}
#lightbox-caption-title {
font-weight : bold;
}
#lightbox-caption-description {
font-weight : normal;
}
#lightbox-infoFooter {
margin-top : 3px;
color : #999999;
}
#lightbox-currentNumber {
display : block;
width : 49%;
float : left;
text-align : left;
}
#lightbox-close {
display : block;
width : 45%;
float : right;
text-align : right;
}
#lightbox-close-button {
padding-left : 30%;
}
#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
text-decoration : underline;
color : #999999;
}
#lightbox-close-button:hover {
color : #666666;
}
#lightbox-infoContainer-clear {
clear : both;
visibility : hidden;
}